When you enroll through our links, we may earn a small commission—at no extra cost to you. This helps keep our platform free and inspires us to add more value.

Udemy logo

Server Side Rendering with React and Redux

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

     
  • 4.6
  •  |
  • Reviews ( 3.9K )
₹549

This Course Includes

  • iconudemy
  • icon4.6 (3.9K reviews )
  • icon8h 14m
  • iconenglish
  • iconOnline - Self Paced
  • iconprofessional certificate
  • iconUdemy

About Server Side Rendering with React and Redux

_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.

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.