React JS – Mastering Redux

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introducing the Instructor

Lecture 2: Installing React Tools

Lecture 3: Installing a Code Editor

Lecture 4: Source Code for the Course

Lecture 5: Final Introductory Notes

Chapter 2: Understanding React

Lecture 1: React, Components, & JSX

Lecture 2: State, Props, & Lifecycle Methods

Chapter 3: Application One | AgeTeller

Lecture 1: Previewing AgeTeller

Lecture 2: Setting Up AgeTeller

Lecture 3: Creating an App Component

Lecture 4: Crafting a Form Component

Lecture 5: Implementing State

Lecture 6: Building a Stats Component

Lecture 7: Adding Styling and Animations

Lecture 8: Section Overview | AgeTeller

Chapter 4: Understanding Redux

Lecture 1: Redux – the 3 Step Recipe

Lecture 2: Section Overview | Understanding Redux

Chapter 5: Redux Application One | SuperSquad

Lecture 1: Previewing SuperSquad

Lecture 2: Setting Up SuperSquad

Lecture 3: The First Reducer

Lecture 4: The Store

Lecture 5: The First Action

Lecture 6: Adding a Second Reducer

Lecture 7: Mapping State to Props in a CharacterList

Lecture 8: Mapping Dispatch to Props

Lecture 9: Styling the App

Lecture 10: Creating a Hero List

Lecture 11: The Second Action

Lecture 12: Building a Squad Stats Component

Lecture 13: Section Overview | SuperSquad

Chapter 6: Redux Application Two | RecipeFinder

Lecture 1: Previewing RecipeFinder

Lecture 2: Setting Up RecipeFinder

Lecture 3: Creating a Form to Search Recipes

Lecture 4: Coding Break | Web Requests

Lecture 5: Accessing the API

Lecture 6: Fetching from the API

Lecture 7: Storing Recipes

Lecture 8: Building a Recipe List

Lecture 9: Making Recipe Items

Lecture 10: Storing Favorite Recipes

Lecture 11: Starring Recipe Items

Lecture 12: Building a Favorite Recipe List

Lecture 13: Routing Recipe Lists

Lecture 14: Section Overview | RecipeFinder

Chapter 7: Redux Application Three | MemeGenerator

Lecture 1: Previewing MemeGenerator

Lecture 2: Setting Up MemeGenerator

Lecture 3: Getting Access to the API

Lecture 4: Fetching Memes Asynchronously

Lecture 5: Applying Thunk Middleware

Lecture 6: Listing Memes

Lecture 7: Creating Meme Items

Lecture 8: Animating Meme Items

Lecture 9: Crafting a Custom Meme Form

Lecture 10: Reducing and Posting Personal Memes

Lecture 11: Setting Up a Post Meme Action

Lecture 12: Building a Personal Memes List

Lecture 13: Section Overview | MemeGenerator

Chapter 8: React Hooks Section 1 – Dive into Hooks Development

Lecture 1: Project One Preview

Lecture 2: Set Up Project One | Revised

Lecture 3: First Hook: useState | Revised

Lecture 4: useEffect

Lecture 5: Challenge and Code: Stories Component with UseEffect | Revised

Lecture 6: Build a Custom Hook: useFetch

Lecture 7: [Optional] Function Keyword vs Arrow Functions

Chapter 9: React Hooks Section 2 – Hooks Under the Hood

Lecture 1: Section Preview – Hooks Under the Hood

Lecture 2: The React Runtime and How React Applies Hooks

Lecture 3: UseState Under the Hood

Lecture 4: Tasks Component Part 1: Multiple useState hooks

Lecture 5: Tasks Component Part 2

Lecture 6: The Order of UseState

Lecture 7: Local Storage for Tasks

Lecture 8: Hooks with an Interval

Lecture 9: Effects with Cleanup

Lecture 10: Dynamic Delay and Increment

Lecture 11: Challenge and Code: Matrix Component

Lecture 12: Build a Custom Hook: useDynamicTransition

Chapter 10: React Hooks Section 3 – Reflection on the Why of Hooks & Project Two

Lecture 1: The Why of Hooks

Lecture 2: Project Two Preview

Lecture 3: The Reducer Pattern Overview

Lecture 4: Set Up Reaction App

Lecture 5: Reactions Reducer State

Lecture 6: UseReducer for Tasks | Part 1

Lecture 7: UseReducer for Tasks | Part 2

Lecture 8: PublishMessage Component

Lecture 9: Challenge and Code: MessageBoard Component

Lecture 10: UseContext and a Custom Context Hook

Lecture 11: The PubSub and Reducer Architecture

Lecture 12: Explore PubNub

Lecture 13: PubSub Function and Reducer Connection

Lecture 14: Set Username