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

React: Server-Side Rendering

via LinkedIn Learning

Write review

Details

Provider

LinkedIn Learning
Pricing

Free Trial Available
Languages

English
Certificate

Certificate Available
Effort

1 hour 13 minutes
Sessions

Self-Paced
Level

Intermediate

Found in

Noble Desktop

NY State-Licensed Certificates in Design, Coding & AI — Online

Boot.dev

Stuck in Tutorial Hell? Learn Backend Dev the Right Way

Overview

Google, IBM & Meta Certificates – 40% Off

One plan covers every Professional Certificate on Coursera.

Unlock All Certificates

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