YoVDO

React: Server-Side Rendering

Offered By: LinkedIn Learning

Tags

React Courses Web Development Courses User Experience Courses Next.js 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
  • Next steps

Taught by

Emmanuel Henri

Related Courses

Introduction to ReactJS
Microsoft via edX
Front-End Web Development with React
The Hong Kong University of Science and Technology via Coursera
Multiplatform Mobile App Development with React Native
The Hong Kong University of Science and Technology via Coursera
Client-based Web Applications development: ReactJS & Angular
Universidad Politécnica de Madrid via Miríadax
React
Udacity