Course

Build a Server Rendered + Code Split App in React with React Universal Component

1
Install the NPM Dependencies Needed for a Universal React App
1m 4s
2
Configure Webpack to Work with React Universal Component
4m 8s
3
Configure Express / React / Babel to Work with React Universal Component
6m 52s
4
Configure hot module reloading to work with react-universal-component
4m 47s
5
Code-Splitting Components with the Universal Higher-Order Component
2m 36s
6
Dynamically Load a Code-Split Universal React Component via a Prop
2m 19s
7
Configure a Custom Universal React Loading Component
2m 37s
8
Animate a Universal React Loading Component using Delay Options and Component Hooks
3m 45s
9
Set an Error Component in React Universal when a Component Fails to Load
2m 12s
10
Preload a Universal Component On-Demand with the Preload Method
2m 36s
11
Load a Universal React Named Exported Component with the Key Option
1m 38s
12
Add Redux with Server-to-Client State Hydration to a React Universal Project
6m 8s
13
Lazy Load Redux Reducers with Code-split Universal React Components using onLoad
4m 26s

Code-Splitting Components with the Universal Higher-Order Component

InstructorTim Kindberg

Share this video with your friends

Send Tweet

Published 7 years ago

Updated 6 years ago

We’ll use the universal higher-order component to enhance components that we’d like webpack to split into their own javascript bundles. These components will not load their javascript or css until React needs them for rendering.

View code on GitHub

Build a Server Rendered + Code Split App in React with React Universal Component

Code-Splitting Components with the Universal Higher-Order Component

Social Share Links