React: Server-Side Rendering

React: Server-Side Rendering
React: Server-Side Rendering
English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 1h 17m | 237 MB

Server-side rendering lets you optimize your applications to use client or server resources depending on network and device circumstances. Old device on a slow network? Render on the server. New device, fast network? You should probably let the client do the work. Some call the resulting architecture “universal,” others “isomorphic,” but the results are smooth. Learn about implementing server-side rendering, or SSR, in your React projects. Emmanuel Henri shows how to set up an SSR project with React and Next.js, add a centralized store with Redux, and configure custom routes with Express and Next.js. He wraps up the course with a discussion of code splitting, which can improve application performance.

Topics include:

  • Setting up SSR
  • Adding components
  • Adding Redux actions and reducers
  • Adding single and multiple routes with Nodes
  • Code splitting with Next.js
Table of Contents

1 Welcome
2 What you should know
3 Using the exercise files

Setting Up
4 SSR_ What, how, and why_
5 Chrome and Firefox tools
6 Install the required libraries and tools

Use Next.js to Build SSR
7 Introducing Next.js with React
8 Add initial components from template
9 Add data for props
10 Add Redux store and setup
11 Add Redux actions
12 Add Redux reducers
13 Finalize overall components with Redux

Server-Side Rendering with Node
14 Create initial Express amd Next.js server
15 Add entry pages with single route
16 Multiple routes with Express and Next.js

Code Splitting
17 Code splitting in Next.js

18 Next steps