https://github.com/ericrallen/dynamic-import-demo

Simple demo for using React.Lazy and webpack for dynamic chunking
https://github.com/ericrallen/dynamic-import-demo

code-splitting demo reactjs webpack

Last synced: 15 days ago
JSON representation

Simple demo for using React.Lazy and webpack for dynamic chunking

• Host: GitHub
• URL: https://github.com/ericrallen/dynamic-import-demo
• Owner: ericrallen
• License: mit
• Created: 2018-11-24T22:58:25.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2019-03-07T03:24:25.000Z (almost 6 years ago)
• Last Synced: 2024-11-03T10:41:34.863Z (2 months ago)
• Topics: code-splitting, demo, reactjs, webpack
• Language: JavaScript
• Size: 408 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# React.lazy() and Dynamic Chunking with Webpack

Simple demo for using `React.lazy()` and `webpack` for dynamic chunking that will be part of a presentation I give.

We'll take the basic components and such from this repo and leverage `React.lazy()` to generate new dynamic chunks.

## Getting Started

1. `git clone` this repo

1. `cd` into your newly cloned repo

1. Run `yarn`

1. Generate your own `.env` by running `touch project.local.env`

1. Get an API Key for the [Giphy API](https://developers.giphy.com/)

1. Set the `GIPHY_API_KEY` environment variable in your `project.local.env` file

1. Run `yarn start`

**NOTE**: The IEX Trading API that we are using in this demo will be decommissioned

**2019-06-01**, so parts of this demo will stop working after that date.