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

Go to class Write review

Details

Provider

LinkedIn Learning
Pricing

Free Trial Available
Languages

English
Certificate

Certificate Available
Duration & workload

1-2 hours
Sessions

On-Demand
Level

Intermediate

Found in

Unihackers

Launch Your Cybersecurity Career in 6 Months

Datacamp

AI Engineer - Learn how to integrate AI into software applications

Overview

Coursera Flash Sale

40% Off Coursera Plus for 3 Months!

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

Next steps

Taught by

Emmanuel Henri

Reviews

4.6 rating at LinkedIn Learning based on 141 ratings

Start your review of React: Server-Side Rendering