Server Side Rendering with React and Redux
- Descripción
- Currículum
- Reseñas
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.
-
6App OverviewVideo lesson
-
7Server Architecture ApproachVideo lesson
-
8Starter Package.Json FileText lesson
-
9Boilerplate SetupVideo lesson
-
10Express SetupVideo lesson
-
11The RenderToString FunctionVideo lesson
-
12JSX on the ServerVideo lesson
-
13Server Side WebpackVideo lesson
-
14Breather and ReviewVideo lesson
-
32The Users APIVideo lesson
-
33Four Big ChallengesVideo lesson
-
34Browser Store CreationVideo lesson
-
35Server Store CreationVideo lesson
-
36FetchUsers Action CreatorVideo lesson
-
37The Users ReducerVideo lesson
-
38Reducer ImportsVideo lesson
-
39UsersList ComponentVideo lesson
-
40Babel PolyfillVideo lesson
-
41Detecting Data Load CompletionVideo lesson
-
42Solution #1 for Data LoadingVideo lesson
-
43Solution #2 for Data LoadingVideo lesson
-
44The React Router Config LibraryVideo lesson
-
45Updating Route UsesVideo lesson
-
46The MatchRoutes FunctionVideo lesson
-
47LoadData FunctionsVideo lesson
-
48Store DispatchVideo lesson
-
49Waiting for Data Load CompletionVideo lesson
-
50Breather and ReviewVideo lesson
-
58Authentication IssuesVideo lesson
-
59Authentication via ProxyVideo lesson
-
60Why Not JWT's?Video lesson
-
61Proxy SetupVideo lesson
-
62Renderer to API CommunicationVideo lesson
-
63Axios Instances with Redux ThunkVideo lesson
-
64Client Axios InstanceVideo lesson
-
65Server Axios InstanceVideo lesson
-
66The Header ComponentVideo lesson
-
67Adding an App ComponentVideo lesson
-
68Building the HeaderVideo lesson
-
69Fetching Auth StatusVideo lesson
-
70Calling FetchCurrentUserVideo lesson
-
71Connecting the HeaderVideo lesson
-
72Header CustomizationVideo lesson
-
73Header StylingVideo lesson
-
74404 Not Found PagesVideo lesson
-
75Implementing the NotFound PageVideo lesson
-
76StaticRouter ContextVideo lesson
-
77The Admin FeatureVideo lesson
-
78Admins Action Creator and ReducerVideo lesson
-
79Admins Route ComponentVideo lesson
-
80Testing Admins RouteVideo lesson
-
81Promise.all FailuresVideo lesson
-
82Error Handling Solution #1Video lesson
-
83Error Handling Solution #2Video lesson
-
84Error Handling Solution #3Video lesson
-
85The Require Auth ComponentVideo lesson
-
86Implementing Require AuthVideo lesson
-
87Require Auth in UseVideo lesson
-
88Handling RedirectsVideo lesson
