The app shows a Press Me!! button which when pressed fetches a random user data from randomuser then loads and renders the User component.
const User = React.lazy(() => import('./User'));
....
<React.Suspense fallback={<div>Loading Component...</div>}>
{user && <User user={user}/>}
{loading ? (
<div>Loading User...</div>
) : (
!user && <button onClick={this.loadUser}>Press Me!!</button>
)}
</React.Suspense>Live: react-lazy-example
Code: github
Run the app, open your Network tab in Dev console, Press the button and see the lazily loaded javascript chunk. 🎉🎉
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent