React Front To Back

Course Curriculum

Chapter 1: Course Introduction

Lecture 1: Welcome To The Course

Lecture 2: What Is React?

Lecture 3: Setting Up Our Environment

Chapter 2: Project 1 Start [Github Finder] & React Setup

Lecture 1: Project Introduction

Lecture 2: Code & Resources

Lecture 3: Create React App & File Structure

Lecture 4: CRA Cleanup & Prepare

Lecture 5: Intro To JSX & Fragments

Lecture 6: Expressions & Conditionals In JSX

Chapter 3: Components, State & Props

Lecture 1: Components, Props & PropTypes

Lecture 2: Getting Started With Component State

Lecture 3: Lists & Passing State With Props

Lecture 4: Stateless Functional Components

Lecture 5: HTTP Requests & Updating State

Lecture 6: Spinner Component & Refactoring

Lecture 7: Environment Variables

Chapter 4: Events, Passing Props, React Router & More

Lecture 1: Events & Search Component

Lecture 2: Passing Props Up & Search

Lecture 3: Clear Users From State

Lecture 4: Alert State & Component

Lecture 5: React Router Setup

Lecture 6: Single User Component & Data

Lecture 7: User Component UI & Layout

Lecture 8: Repos & RepoItem Component & Data

Chapter 5: Refactoring To Hooks & Context

Lecture 1: Overview of Hooks & Context

Lecture 2: Search Class to Function With useState Hook

Lecture 3: User Class to Function With useEffect Hook

Lecture 4: App Class to Function Component

Lecture 5: Implementing Context

Lecture 6: Create Reducer & Actions

Lecture 7: Moving User State To Context

Lecture 8: Moving Repos State To Context

Lecture 9: Alert Context Workflow

Lecture 10: Home & NotFound Components

Lecture 11: Prepare & Deploy To Netlify

Chapter 6: Project 2 Start [Contact Keeper – MERN] & Express Server Setup

Lecture 1: Project Introduction

Lecture 2: Code & Resources

Lecture 3: MongoDB Atlas Setup

Lecture 4: Dependencies & Basic Express Server

Lecture 5: Backend Routes

Lecture 6: Connect MongoDB To Our App

Chapter 7: Backend Users, Contacts & JWT Authentication

Lecture 1: User Model & Validation

Lecture 2: Hash Passwords & Register Route

Lecture 3: Create & Respond With JSON Web Token

Lecture 4: Authenticate Route

Lecture 5: Auth Middleware & Protecting Routes

Lecture 6: Contact Model & Get Contacts Route

Lecture 7: Add Contact Route

Lecture 8: Contact Update & Delete Routes

Chapter 8: Client Side Setup & Contacts UI

Lecture 1: Setup React & Concurrently

Lecture 2: Cleanup, Navbar & Router Setup

Lecture 3: Contacts Context & Global State

Lecture 4: Contacts & ContactItem Components

Lecture 5: ContactForm Component

Lecture 6: Delete Contact From UI

Lecture 7: Set & Clear Current Contact

Lecture 8: Edit & Update Contact Action

Lecture 9: Contact Filter Form & State

Lecture 10: Basic Add & Delete Animation

Chapter 9: React/Express Authentication

Lecture 1: Auth Context & Initial State

Lecture 2: Register & Login Forms

Lecture 3: Alert Context, State & Component

Lecture 4: User Registration

Lecture 5: Load User & Set Token

Lecture 6: User Login

Lecture 7: Logout & Navbar

Lecture 8: PrivateRoute Component

Chapter 10: Contacts API Integration & Deploy

Lecture 1: Add Contact

Lecture 2: Get & Clear Contacts

Lecture 3: Delete Contacts

Lecture 4: Update Contacts

Lecture 5: Prepare & Deploy To Heroku

Chapter 11: Project 3 Start [ITLogger – Redux] – Components & UI

Lecture 1: Project Introduction

Lecture 2: Code & Resources

Lecture 3: React & JSON-Server Setup

Lecture 4: Materialize Setup

Lecture 5: SearchBar & Logs Component

Lecture 6: LogItem & Preloader Components

Lecture 7: AddBtn & AddLogModal Components

Lecture 8: Edit & Tech Modal Components

Chapter 12: Redux For State Management

Lecture 1: Redux Store & Provider Setup

Lecture 2: Logs Reducer, Actions & Types

Lecture 3: Connecting Redux To a Component

Lecture 4: Add Logs

Lecture 5: Delete Logs

Lecture 6: Update Logs

Lecture 7: Search Logs

Chapter 13: Technicians State & Components