React with Redux, React-Router, Hooks and Auth0

Course Curriculum

Chapter 1: Introduction

Lecture 1: Course Promo

Lecture 2: Course Intro

Lecture 3: JavaScript refresher (optional)

Lecture 4: Text Editor (optional)

Lecture 5: Recommended to watch all videos on 1.5x speed

Lecture 6: node.js

Lecture 7: Command Line Tool

Lecture 8: Redux Dev Tools

Lecture 9: Developer Accounts

Lecture 10: Slides

Lecture 11: For more free courses in the future follow me on twitter

Chapter 2: React

Lecture 1: Getting Started with create-react-app

Lecture 2: JSX Overview

Lecture 3: 03. Displaying variables in JSX

Lecture 4: 04. Understanding Class and Function Scopes

Lecture 5: 05. How extends Component works

Lecture 6: styling patterns in React

Lecture 7: React Under the Hood – the Virtual DOM

Lecture 8: Displaying Objects in JSX

Lecture 9: Props

Lecture 10: Components

Lecture 11: How functional Components work

Lecture 12: Props in functional components

Lecture 13: Props in class components

Lecture 14: React state

Lecture 15: Initializing State

Lecture 16: updating state with setState()

Lecture 17: updating state with the previous state

Lecture 18: working with multiple state properties

Lecture 19: Passing down state as props

Lecture 20: conditionally rendering in JSX

Lecture 21: ternary expressions

Lecture 22: alternate conditional rendering method

Lecture 23: summary of the 3 ways to conditonally render JSX

Lecture 24: lifecycle methods()

Lecture 25: Working with Lists

Lecture 26: working with forms

Chapter 3: Redux

Lecture 1: What and why Redux

Lecture 2: 3 principles of Redux

Lecture 3: React-Redux oveview

Lecture 4: actions

Lecture 5: Action Creators

Lecture 6: Reducers

Lecture 7: Setting up the actions and reducer

Lecture 8: createStore()

Lecture 9: Creating a react-redux container

Lecture 10: mapStateToProps()

Lecture 11: mapDispatchToProps()

Lecture 12: the connect() method

Lecture 13: Connecting a container to React-Redux

Lecture 14: Summarizing the Redux Flow

Lecture 15: Testing our React-Redux container

Lecture 16: Setting up action creators

Lecture 17: Passing in data to action creators

Lecture 18: getting our data from redux state

Lecture 19: rendering data to the UI

Lecture 20: multiple reducers

Lecture 21: updating and reading state reference

Chapter 4: React-Router

Lecture 1: routing overview

Lecture 2: history syntax update

Lecture 3: setting up routes

Lecture 4: going deeper in react-router

Lecture 5: testing our routing

Lecture 6: in dept look at routing

Lecture 7: Switch and exact

Lecture 8: react router props

Lecture 9: dynamically rendering components

Chapter 5: Authentication

Lecture 1: auth0 flow

Lecture 2: setting up the auth0 app

Lecture 3: initializing the auth0 class

Lecture 4: JWT tokens

Lecture 5: pasing tokens and handleAuth()

Lecture 6: handling the callback and authentication

Lecture 7: authentication flow in Redux

Lecture 8: setting up the authcheck component

Lecture 9: setting up protected routes and the PrivateRoute HOC

Lecture 10: implementing the login and logout buttons

Lecture 11: Google oauth login

Lecture 12: facebook oauth login

Lecture 13: extracting the user profile data

Lecture 14: setting up profile action creators

Lecture 15: setting up the profile actions in authcheck

Lecture 16: dynamically render the profile

Lecture 17: silent authentication

Lecture 18: why not redux thunk

Chapter 6: Hooks Overview

Lecture 1: React Hooks Intro

Lecture 2: 2 rules off using hooks

Lecture 3: 4 Hooks Overview

Lecture 4: useState() overview

Lecture 5: useEffect() overview

Lecture 6: useReducer() overview

Lecture 7: Context overview

Lecture 8: useContext() overview

Lecture 9: Migration Guide from Redux to React hooks