Web Dev Simplified/React Simplified - Beginner

  • $150

React Simplified - Beginner

  • Course
  • 83 Lessons

Contents

Course Tools

Course Platform Browser Extension

IMPORTANT: Course Updates

Update Details
React 19.2 Update
React 19 Update

Mindset

Course Introduction
Preview
React Is Hard
Don't Get Discouraged
Preview

Setup

What Is React
Download Tools
Prettier
Your First React App

Basic Components

Thinking In Components
Preview
JSX Basics
Creating Components
Props
Declarative Vs Imperative
Importing Non-JS Files
User Card Introduction
Preview
User Card Walkthrough
Preview

Basic Stateful Components

useState Hook
State In Class Components
Input Event Listeners
Array State Project
Counter With Name Project Introduction
Counter With Name Project Walkthrough

Component Lifecycle

Virtual DOM
Component Lifecycle
useEffect Hook
useEffect Hook Exercises Introduction
useEffect Hook Exercises Walkthrough
Class Component Lifecycle Methods
Class Component Lifecycle Methods Exercises Introduction
Class Component Lifecycle Methods Exercises Walkthrough
StrictMode
Fetching Data From An API

Advanced Components

React Dev Tools
Conditional Rendering
Activity
Rendering Lists
Fragments
User List Project Introduction
User List Project Walkthrough
Spread Props
Render Raw HTML
Simple Todo List Project Introduction
Simple Todo List Project Walkthrough

Basic Hooks

Hook Rules
useRef Hook
Refs In Class Components
useMemo Hook
useCallback Hook
Custom Hooks
useFetch Custom Hook Project Introduction
useFetch Custom Hook Project Walkthrough
useArray Custom Hook Project Introduction
useArray Custom Hook Project Walkthrough
useLocalStorage Custom Hook Project Introduction
useLocalStorage Custom Hook Project Walkthrough

Forms

Form Basics
One Way Data Flow
useState vs useRef
Basic Form Validation Project Introduction
Basic Form Validation Project Walkthrough
Form Libraries
React Hook Form Implementation

Advanced Stateful Components

useReducer Hook
useContext Hook
Context In Class Components
Local State Is Best
Never Store Derived State
Environment Variables
Advanced Todo List Introduction
Advanced Todo List Walkthrough

Routing

Routing Without A Library
React Router Basics
Nested Routes
Dynamic Routes
Loaders
Basic Routing Project Introduction
Basic Routing Project Walkthrough
Actions
Advanced Routing Project Introduction
Advanced Routing Project Walkthrough