Server Side Rendering with React and Redux

0
Join & Subscribe
Udemy
Paid Course
English
Certificate Available
8 hours worth of material
selfpaced

Overview

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

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

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

Go beyond the basics of React and Redux! This course will teach youto combine the ultra-popular React v16, Redux, React Router, andExpresstechnologies to builda 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 buildoneapplicationthat profiles thechallenges of server side rendering withReact, Redux, React Router, andExpress. By putting each concept into a real app, you'll get a better idea of when to use eachunique and powerful feature.

Ever wonderwhy 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 themost 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 renderedapp
  • Connect a Webpack-powered front and and backend app together
  • Communicate data from yourserver to clientusing Redux initial stateto your React application
  • Secure your application from common XSSattacks caused by state rehydration
  • Understand how to route user requests on the front end withReact Routerand 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 withGoogle OAuth authentication

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

Taught by

Stephen Grider