React Front To Back

Course Curriculum

Chapter 1: Introduction

Lecture 1: Welcome To The Course!

Lecture 2: What Is React?

Lecture 3: Environment Setup

Lecture 4: Code Repos

Lecture 5: Links & Resources

Chapter 2: React Basics & JSX

Lecture 1: Feedback Project Intro

Lecture 2: Create React App

Lecture 3: Initializing React

Lecture 4: Intro To JSX

Lecture 5: Dynamic Values & LIsts in JSX

Lecture 6: Conditionals in JSX

Chapter 3: Components, Props & State

Lecture 1: Creating Your First Component & Props

Lecture 2: Adding Styles To A Component

Lecture 3: State & useState Hook

Lecture 4: Managing Global State

Lecture 5: Card Component & Conditional Styles

Lecture 6: Events & Prop Drilling

Lecture 7: FeedbackStats Component & Reactivity

Chapter 4: Forms, Validation & Simple Animation

Lecture 1: Form Input & State

Lecture 2: Custom Button Component

Lecture 3: Real-Time Validation

Lecture 4: Rating Select Component

Lecture 5: Add Feedback

Lecture 6: Fade Animation With Framer Motion

Chapter 5: Creating Routes & Links

Lecture 1: Creating Routes (React Router 5)

Lecture 2: Upgrading To React Router 6

Lecture 3: Creating Links (v5 & v6)

Lecture 4: NavLink & useParams

Lecture 5: Navigate & Nested Routes

Chapter 6: Context API, useContext Hook & Deployment

Lecture 1: Create a Context & Provider

Lecture 2: Get Global State With The useContext Hook

Lecture 3: Moving Functions To Context

Lecture 4: Edit Feedback Event

Lecture 5: Side Effects With useEffect

Lecture 6: Update Feedback Item

Lecture 7: Deploy To Netlify

Chapter 7: APIs & HTTP Requests

Lecture 1: APIs & Requests Explained

Lecture 2: Setting Up JSON-Server Mock Backend

Lecture 3: Run Client & Server With Concurrently

Lecture 4: Fetch Data From JSON-Server Backend

Lecture 5: Spinner Component

Lecture 6: Add Feedback & Setting a Proxy

Lecture 7: Update & Delete From JSON-Server

Chapter 8: GitHub Finder Project Start

Lecture 1: GitHub Finder Project Intro

Lecture 2: Setup Tailwind & Daisy UI

Lecture 3: Navbar Component

Lecture 4: Footer Component

Lecture 5: Pages & Routes

Chapter 9: Working With The GitHub API

Lecture 1: Github API & Getting Token

Lecture 2: UserList Component

Lecture 3: Loading Spinner

Lecture 4: Display Users

Lecture 5: Setup Github Context

Lecture 6: Reducers & useReducer Hook

Lecture 7: Clean Up Fetch Users

Lecture 8: User Search Component

Lecture 9: Search Users

Lecture 10: Clear Users

Chapter 10: User Profile & Alerts

Lecture 1: Alert Context & Reducer

Lecture 2: Alert Component

Lecture 3: Get Single User

Lecture 4: User Profile Top

Lecture 5: User Profile Stats

Lecture 6: Get User Repos

Lecture 7: Repo Items

Chapter 11: Refactoring Context & Actions

Lecture 1: Move SearchUsers To Actions File

Lecture 2: Move getUser To Actions File

Lecture 3: Cleaning Up Our Actions & Axios

Lecture 4: Deploy To Vercel

Chapter 12: More Advanced React Hooks

Lecture 1: Section Intro

Lecture 2: useRef Example 1 – Create DOM Reference

Lecture 3: useRef Example 2 – Get Previous State

Lecture 4: useRef Example 3 – Memory Leak Error Fix

Lecture 5: useMemo Example

Lecture 6: useCallback Example

Lecture 7: Custom Hook 1 – useFetch

Lecture 8: Custom Hook 2 – useLocalStorage

Chapter 13: House Marketplace Project Start

Lecture 1: House Marketplace Project Intro

Lecture 2: App & FIrebase Setup

Lecture 3: Enable Authentication & Create Rules

Lecture 4: Dummy Data & Indexes

Lecture 5: Pages & Routes

Lecture 6: Navbar Component

Chapter 14: Firebase Authentication & Profile

Lecture 1: Sign In & Sign Up Forms

Lecture 2: Register User

Lecture 3: Save User To Firestore