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

• Learn how to split code into lazily loaded bundles and server-side render your page.
• Understand the benefits of faster rendering speed and smaller network requests.
• Gain knowledge on using react-universal-component library for code-splitting.
• Explore specific configurations and practices for efficient code-splitting.

This course focuses on teaching you how to optimize your React app for faster loading times and better user engagement. You will learn how to split code into bundles for lazy loading and implement server-side rendering. The instructor will guide you through using the react-universal-component library to achieve these goals effectively.

• Developers familiar with React who want to enhance their app loading performance.
• Those interested in learning about code-splitting and server-side rendering in React apps.

• Basic understanding of React.
• Familiarity with JavaScript ES6 syntax.

• Install the NPM Dependencies Needed for a Universal React App.
• Configure Webpack to Work with React Universal Component.
• Configure Express / React / Babel to Work with React Universal Component.
• Code-Splitting Components with the Universal Higher-Order Component.
• Dynamically Load a Code-Split Universal React Component via a Prop.
• Configure a Custom Universal React Loading Component.
• Animate a Universal React Loading Component using Delay Options and Component Hooks..
• Set an Error Component in React Universal when a Component Fails to Load..
• Preload a Universal Component On-Demand with the Preload Method.
• Load a Universal React Named Exported Component with the Key Option..
• Add Redux with Server-to-Client State Hydration to a React Universal Project..
• Lazy Load Redux Reducers with Code-split Universal React Components using onLoad.