React Online Training
Part Three: Server Side Rendering

Learn to optimize React apps for performance and enable SEO.

An Overview of Working with React Router V4 for Server-Side Rendering

The last installment of a three-part React training series, this session covers the basics of working with React Router V4, adding Server-Side Rendering and Lazy Loading to an existing React application. This course is designed for developers who have gone through the first two installments, or have working knowledge of React and Redux and ES6 features.

Online Course Details
  • Dates: May 5, 2017
  • Time: 1:00 PM EDT - 3:00 PM EDT
  • Learn Online: You can attend remotely, for free, from anywhere in the world. Our instructor will be available during the sessions to help you complete course work and answer your questions.
  • Access Recorded Sessions: With your registration you'll receive a full curriculum, plus links to the course video recording after the course is complete, in case you miss the session.
  • Pricing: FREE
Course Topics

Developers will learn how to perform server side rendering (or what people might know as "Universal" or "Isomorphic" React) using an Express backend to reduce an app startup time. Participants will also learn how to do code splitting to create lazy loaded routes to further decrease startup time by reducing the initial bundle size, all this with the help of the brand new react-router v4.

 

The training session will cover the following topics:

  • Routing (with React Router V4)
  • Rendering HTML on the Server
  • Reusing Code on Server and Client
  • Passing hydrated Redux store from Server to Client
  • Handling Asynchronous requests on Server
  • Code-Splitting (with Webpack V2)
Our approach

We stress modularity, test-driven development, strategies for reliable handling of asynchronous data flows, and appreciation for functional programming. 

Technical Knowledge 
  • ES6
  • Basic React
  • Basic Redux
  • Basic NodeJS
Required Tools

NPM and Node v6+

A Code Editor

Any text editor will work. At Rangle.io, the most popular editors/IDEs are: