Advanced React and Redux

Advanced React and Redux

$39 $10

Detailed walkthroughs on advanced React and Redux concepts – Authentication, Testing, Middlewares, HOC’s, and Deployment

Product Description

NOTE: Knowledge of React + Redux is 100% required! If you are familiar with reducers and action creators you will be fine.

This is the tutorial you’ve been looking for to take your React and Redux skills to the next level.

Authentication with Express/Mongo? Yes! Middleware/Higher Order Components? We got it. Testing with Mocha/Chai? It’s here!

This course wastes no time diving right into interesting topics, and teaches you the core knowledge you need to deeply understand and build React components and structure applications with Redux.

Mastering React and Redux can get you a position in web development or help you build that personal project you’ve been dreaming of. It’s a skill that will put you more in demand in the modern web development industry, especially with the release of Redux and ReactNative.

There are dozens of great tutorials online for React and Redux, but none of them teach the challenging, core features of these two fantastic libraries. I created this course to push you beyond “just getting started.”

  • Learn how to thoroughly test React and Redux code, including tests for action creators and reducers
  • familiar with Higher Order Components. Don’t know what they are? No problem, you have been using them without even knowing it!
  • a popular Redux Middleware from scratch to handle asynchronous actions
  • a master of the trickiest topic in Javascript: authentication. You will write a server with enterprise-grade authentication from scratch that can scale to hundreds of thousands of users. No shortcuts, no dummy data.

I have built the course that I would have wanted to take when I was learning React and Redux. A course that explains the concepts and how they’re implemented in the best order for you to learn and deeply understand them.


What am I going to get from this course?

  • Build a scaleable API with authentication using Express, Mongo, and Passport
  • the differences between cookie-based and token-based authentication
  • out what a Higher Order Component and how to use it to write dramatically less code
  • Redux middleware from scratch to uncover what is happening behind the scenes with Redux
  • up your own testing environment with Mocha and Chai
  • the power of building composable components

What is the target audience?

Programmers with experience on React and Redux
NOT for programmers with no previous React/Redux experience!


  • Course Intro
  • Project Setup
  • Core Testing – Describe it Expect it
  • A First Spec
  • Test Reporting
  • Feature Mockups
  • Test Structure Setup
  • Comment Box Tests
  • Testing Class Names
  • Using beforeEach to Condense Tests
  • Expecting Child Elements
  • Simulating Events
  • Testing Controlled Components
  • Form Submit Event
  • Stub Comment List
  • Expectations on Content
  • Assertions with Lists
  • Testing Action Creators
  • Action Creator Shortcuts
  • TDD Comments Reducer
  • Spec Failures After Code Change
  • App Review
  • Purpose of Chai and Mocha
  • Test Helper From Scratch
  • JSDom Setup
  • More JSDom Setup
  • TestUtils Library
  • Defining RenderComponent
  • Finishing RenderComponent Helper
  • Simulate Helper
  • Test Helper Review
  • Introduction to HOC
  • Connect and Provider
  • Authentication HOC Overview
  • Header Setup
  • React Router Setup
  • Authentication Reducer
  • Action Creator Hookup
  • Authentication HOC
  • HOC Scaffold Code
  • Nesting Higher Order Components
  • Accessing React Router on Context
  • Class Level Properties
  • Handling HOC Edge Cases
  • HOC Review
  • Middleware Overview
  • App Building Plan
  • Users Reducer
  • Static Users Action Creator
  • Rendering a List of Users
  • CSS Cleanup
  • Pains Without Middleware
  • Middleware Stack
  • Middleware Internals
  • Handling Unrelated Actions
  • Handling Promises
  • Middleware Review
  • Introduction to Authentication
  • Cookies vs Tokens
  • Scalable Architecture
  • Server Setup
  • More Server Setup
  • Express Middleware
  • Express Route Handlers
  • Mongoose Models
  • MongoDB Setup
  • Inspecting the Database
  • Authentication Controller
  • Searching for Users
  • Creating User Records
  • Encrypting Passwords with Bcrypt
  • Salting a Password
  • JWT Overview
  • Creating a JWT
  • Installing Passport
  • Passport Strategies
  • Using Strategies with Passport
  • Making an Authenticated Request
  • Signing In with Local Strategy
  • Purpose of Local Strategy
  • Bcrypt Full Circle
  • Protecting Signin Route
  • Signing Users In
  • Server Review
  • Client Setup
  • App Architecture
  • Component and State Design
  • Header Component
  • Scaffolding the Signin Form
  • Adding Signin Form
  • Action Creator with Many Responsibilities
  • Introduction to Redux Thunk
  • Signin Action Creator
  • Cors in a Nutshell
  • Serverside Solution for Cors
  • Programmatic Navigation
  • Updating Auth State
  • Breather and Review
  • LocalStorage and JWT
  • Auth Error Messaging
  • Displaying Errors
  • Header Logic
  • Signout Component
  • Signout Action Creator
  • Signup Component
  • Signup Form Scaffolding
  • Redux Form Validation
  • Implementing Validation Logic
  • More on Validation
  • Signup Action Creator
  • Finish up Signup
  • Securing Individual Routes
  • Root IndexRoute
  • Automatically Authenticating Users
  • Making Authenticated API Requests
  • Handling Data from Authenticated Requests
  • Authentication Wrapup

Course Requirements

Solid understanding of React

Intermediate understanding of Redux; you should have knowledge of reducers, actions, and action creators
Hurry up! The price rises inRefreshing countdownClose Countdown


Register | Lost your password?