Udemy

Server Side Rendering with React and Redux

Enroll Now
  • 27,028 Students
  • Updated 5/2024
4.4
(3,873 Ratings)
CTgoodjobs selects quality courses to enhance professionals' competitiveness. By purchasing courses through links on our site, we may receive an affiliate commission.

Course Information

Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
8 Hour(s) 14 Minute(s)
Language
English
Taught by
Stephen Grider
Rating
4.4
(3,873 Ratings)

Course Overview

Server Side Rendering with React and Redux

Build React, Redux, and React Router apps using Server Side Rendering (SSR), Isomorphic, and Universal JS techniques

Note: This course assumes you've got the basics of React, Redux, and Express down.  Check out my course 'Node with React', its the perfect preparation!

Go beyond the basics of React and Redux!  This course will teach you to combine the ultra-popular React v16, Redux, React Router, and Express technologies to build a server-side-rendered web application.

All of my courses are 'learn-by-doing': no boring endless lectures with Powerpoints, only live, interactive coding examples.  In this course we'll build one application that profiles the challenges of server side rendering with React, Redux, React Router, and Express.  By putting each concept into a real app, you'll get a better idea of when to use each unique and powerful feature.

Ever wonder why there are so few courses online that teach server side rendering techniques?  Sure, there are blog posts that show a tiny portion of a server side rendered app, but there are nearly no resources online to give you the full server side rendering experience from start to finish.  This course is the most complete resource online for learning about exactly why server side rendering is so challenging.  You'll learn the biggest hurdles, along with multiple solutions to each major problem, giving you the toolset you need to tackle server side rendering techniques in your own applications.

Here's what we'll learn:

  • Learn the architectural considerations of building a server side rendered app
  • Connect a Webpack-powered front and and backend app together
  • Communicate data from your server to client using Redux initial state to your React application
  • Secure your application from common XSS attacks caused by state rehydration
  • Understand how to route user requests on the front end with React Router and on the backend with Express
  • Handle errors and redirects properly that occur during the server rendering process
  • Authenticate your users with cookie-based authentication during the server rendering phase
  • Understand why JWT's are not appropriate for use in a server rendered app
  • Enhance authentication flows in your app with Google OAuth authentication

I've built the course that I would have wanted to take when I was learning to build server side rendered apps. A course that explains the concepts and how they're implemented in the best order for you to learn and deeply understand them.

Course Content

  • 10 section(s)
  • 94 lecture(s)
  • Section 1 Getting Started
  • Section 2 Let's Get Coding!
  • Section 3 Server Configuration
  • Section 4 Refactoring for Cleaner Code
  • Section 5 Adding Navigation
  • Section 6 Integrating Support for Redux
  • Section 7 Server Side Data Loading
  • Section 8 Organization with Page Components
  • Section 9 Authentication in a Server Side Rendering World
  • Section 10 Error Handling

What You’ll Learn

  • Understand the challenges of Server Side Rendering
  • Build a server side rendering boilerplate project
  • Use React, Redux, and React Router to conquer Search Engine Optimization
  • Master techniques for data loading on the server
  • Construct server architectures that can easily scale for large apps


Reviews

  • O
    Onkar Deolankar
    4.0

    It was a great course on Server Side Rendering.

  • E
    Elvin Huseynov
    1.0

    Stephen Grider is a great teacher, but this course is so outdated that the packages and code are extremely old and difficult to reproduce. Unfortunately, starting from the React Router Config, it became impossible to continue — especially since Stephen explains everything using class-based React. I’ve decided to archive this course, as it's no longer practical or relevant for modern use.

  • V
    Vikas khandekar
    5.0

    Awesome course.this should be first step before learning nextJS

  • A
    Akash Chitransh
    5.0

    Great Course, In 2025 the course seems a lil bit old but yet gold, In current React world if we want to support SSR React then you should pick up any meta frameworks like Next.js. But this course has given me a wonrderfull chance to understand how SSR works behind the scenes.

Start FollowingSee all

We use cookies to enhance your experience on our website. Please read and confirm your agreement to our Privacy Policy and Terms and Conditions before continue to browse our website.

Read and Agreed