Server Side Rendering with React and Redux (Udemy.com)

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

Created by: Stephen Grider

Produced in 2020

icon
What you will 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

icon
Quality Score

Content Quality
/
Video Quality
/
Qualified Instructor
/
Course Pace
/
Course Depth & Coverage
/

Overall Score : 94 / 100

icon
Course Description

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.Who this course is for:
  • Engineers looking to build new apps with server side rendering
  • Engineers who wants to understand the challenges of Isomorphic Javascript

*Some courses are excluded from this sale. Coupon not working? If the link above doesn't drop prices, clear the cookies in your browser and then click this link here.
Also, you may need to apply the coupon code directly on the cart page to get the discount.

Coupon Code

icon
Instructor Details

Stephen Grider

Stephen Grider has been building complex Javascript front ends for top corporations in the San Francisco Bay Area. With an innate ability to simplify complex topics, Stephen has been mentoring engineers beginning their careers in software development for years, and has now expanded that experience onto Udemy, authoring the highest rated React course. He teaches on Udemy to share the knowledge he has gained with other software engineers. Invest in yourself by learning from Stephen's published courses.

icon
Reviews

4.7

50 total reviews

5 star 4 star 3 star 2 star 1 star
% Complete
% Complete
% Complete
% Complete
% Complete

Great course for SSR beginners. Stephen does an amazing job at explaining using diagrams first and then writing actual code. Highly recommended!

Good SSR training, probably the only good one out there, or at least the only good one I've found. Could be more concise. Instructor sometimes overuses the "say what you're gonna say, say it, say what you've said" approach, ended up watching 2x speed and still skipping ~50-60% of the actual video. Having said that actual content i.e. insights are good. He knows his stuff.

Just finished the course and it was fantastic, you definitely get a much deeper understanding of how server side rendering works and have the ability to be able to implement it from scratch once you complete the course.

Very Good Course. Very pleased with watching it.However, I felt like it needs have some things added.1: Create-react-app2: Routes with params such as "/users/userID" <- what we do heredaniel

Really good course. Very challenging information for me, but it is broken into very manageable segments which help with reviewing material. As with all of Stephen's courses, the explanations for each line of code is thorough .

Author clearly explains common problems assosiated with SSR, and presents his quite elegant solution. On other hand author doesn't mention NextJS (it would be nice to have some comparition with presented solution)

Some of the npm packages were not working from the starter config file. Also, seems like there are a lot of questions that aren't being answered. This could potentially improved as some of the questions are pretty relevant. Otherwise another great tutorial from the man Stephen Grider.

Yet another useful and informative course from Stephen Grider. I've learned a variety of software engineering topics with him and this one doesn't disappoint.

De de implementatie van SSR wordt uitstekend uitgelegd. De bijbehorende diagrammen maken de abstracte onderwerpen heel visueel en daardoor makkelijk te begrijpen.

It was an excellent course, and I recommend you if you have an experience with react.

As a developer of experience and one who works on an SSR app everyday, I can say this is one amazing introduction to the best practices and exactly how it's done!

This course great! It is helping me a lot in my current job with since I am working on a SSR react app.