3000+ Courses from California Community Colleges

Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

LinkedIn Learning

React: Server-Side Rendering

via LinkedIn Learning

Go to class Write review

Overview

Create a faster and more responsive user experience by implementing server-side rendering in your React projects.

Syllabus

Introduction
  • Learn server-side rendering with React
  • What you should know
1. Setting Up
  • SSR: What, how, and why
  • Chrome and Firefox tools
  • Install the required libraries and tools
  • Challenge: Why would you use SSR?
  • Solution: Why would you use SSR?
2. Use Next.js to Build SSR
  • Introducing Next.js with React
  • Add initial components from template
  • Add data for props
  • Add Redux store and setup
  • Add Redux actions
  • Add Redux reducers
  • Challenge: Why use Redux for SSR?
  • Solution: Why use Redux for SSR?
3. Server-Side Rendering with Node
  • Create initial Express or Next.js server
  • Add the Express routes
  • Add links and pages with Express or Next.js
  • Challenge: Why use Node or Express for SSR?
  • Solution: Why use Node or Express for SSR?
4. Code Splitting
  • Code splitting in Next.js
  • Other tools available for code splitting
  • Challenge: What is the purpose of code splitting?
  • Solution: What is the purpose of code splitting?
Conclusion
  • React Router with SSR
  • Next steps

Taught by

Emmanuel Henri

Reviews

4.5 rating at LinkedIn Learning based on 289 ratings

Start your review of React: Server-Side Rendering

Go to class

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.