Isomorphic React

By Daniel Stern
This course will teach you how to build high-performance and secure isomorphic React applications.
Play course overview
Course info
Rating
(59)
Level
Intermediate
Updated
Jan 11, 2018
Duration
2h 44m
Table of contents
Course Overview
Course Overview 2m
Course Introduction
Introduction 2m Application Goals 2m Finished Application - Sneak Peek 3m Required Technology 3m What We Won't Be Covering 1m Get the Course Files Here! 2m Architecture Selection 6m Course Roadmap 1m Troubleshooting 2m
Understanding Isomorphic Code
Introduction / Understanding Isomorphic Code 3m Isomorphic Process 2m Advantages of Isomorphism 3m Pitfalls and Challenges of Isomorphism 4m Priorities of Isomorphic Applications 3m Module Summary 1m
Isomorphic React
Introduction 3m Major Libraries 4m Data Injection / Server-side Rendering 5m React DOM Server 3m React Router 2m Hot Module Replacement 4m Module Summary 1m
Building an Isomorphic React Application Part I – Scaffolding an Isomorphic Application
Setting up the Project Directory 3m Configuring Babel 5m Setting up Express 4m Integrating Webpack with Express 9m Implementing Webpack 4m Adding API Routes and Mock Data 9m Module Summary 1m
Building an Isomorphic React Application Part II – Creating React Functionality
Adding React 5m Implementing Redux & React-redux 5m Adding Redux Saga 8m Creating Dynamic React Components 7m Adding Hot Reloading 3m Implementing Server Rendering 6m Adding React Router Part I: The Client 9m Adding React Router Part II: The Server 3m Module Summary 9m Fetching Data for Multiple Isomorphic Routes 4m Adding Production Settings 1m
Conclusion
Final Application Review 3m Challenge Tasks 4m Strategies for Continued Learning 2m Thank You! 1m
Description
Course info
Rating
(59)
Level
Intermediate
Updated
Jan 11, 2018
Duration
2h 44m
Description

Reducing user latency and increasing security are just a few of the reasons for why React is such a tremendous tool for isomorphic rendering. In this course, Isomorphic React, you'll learn how to build an isomorphic React application from start to finish. First, you’ll learn what isomorphic code is and link this idea to React. Next, you’ll explore the specific isomorphic features of React, including the ReactDOM library. Finally you’ll create a flexible isomorphic foundation upon which you will build a React application. When you’re finished with this course, you’ll have a solid understanding of the React framework.

About the author
Daniel Stern
About the author

Daniel Stern is a freelance web developer from Toronto, Ontario who specializes in Angular, ES6, TypeScript and React. His work has been featured in CSS Weekly, JavaScript Weekly and at Full Stack Conf in England.

More from the author
Server Rendering React Components
Intermediate
1h 30m
Apr 17, 2020
Configuring, Compiling, and Debugging TypeScript Projects
Beginner
2h 7m
Dec 20, 2019
Force Layout Graphs in D3
Beginner
2h 15m
Aug 13, 2019
More courses by Daniel Stern

You're the smartest person in the room

PROVE IT

Your team won't just close the skills gap

THEY'LL HURDLE IT