YoVDO

React: Server-Side Rendering

Offered By: LinkedIn Learning

Tags

React Courses Web Development Courses Next.js Courses Redux Courses Responsive Web Design Courses Server-Side Rendering Courses Code Splitting Courses

Course Description

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

Related Courses

Software as a Service
University of California, Berkeley via Coursera
Intro to Computer Science
University of Virginia via Udacity
Web Development
Udacity
Software Engineering for SaaS
University of California, Berkeley via Coursera
CS50's Introduction to Computer Science
Harvard University via edX