Counter With Name Project Walkthrough

Counter With Name Project Walkthrough

Preview unavailable

You must log in or sign up to view this lesson.

LoginSign up

React Simplified - Beginner

Buy nowLearn more

Course Tools

  • Course Platform Browser Extension2

IMPORTANT: Course Updates

  • Update Details
  • React 19.2 Update
  • React 19 Update9

Mindset

  • Course Introduction42
  • React Is Hard8
  • Don't Get Discouraged11

Setup

  • What Is React8
  • Download Tools11
  • Prettier2
  • Your First React App10

Basic Components

  • Thinking In Components7
  • JSX Basics10
  • Creating Components24
  • Props20
  • Declarative Vs Imperative20
  • Importing Non-JS Files12
  • User Card Introduction3
  • User Card Walkthrough48

Basic Stateful Components

  • useState Hook49
  • State In Class Components9
  • Input Event Listeners15
  • Array State Project80
  • Counter With Name Project Introduction5
  • Counter With Name Project Walkthrough23

Component Lifecycle

  • Virtual DOM15
  • Component Lifecycle4
  • useEffect Hook21
  • useEffect Hook Exercises Introduction16
  • useEffect Hook Exercises Walkthrough23
  • Class Component Lifecycle Methods2
  • Class Component Lifecycle Methods Exercises Introduction
  • Class Component Lifecycle Methods Exercises Walkthrough7
  • StrictMode6
  • Fetching Data From An API61

Advanced Components

  • React Dev Tools1
  • Conditional Rendering6
  • Activity
  • Rendering Lists2
  • Fragments3
  • User List Project Introduction2
  • User List Project Walkthrough67
  • Spread Props10
  • Render Raw HTML5
  • Simple Todo List Project Introduction
  • Simple Todo List Project Walkthrough41

Basic Hooks

  • Hook Rules
  • useRef Hook26
  • Refs In Class Components
  • useMemo Hook19
  • useCallback Hook9
  • Custom Hooks9
  • useFetch Custom Hook Project Introduction4
  • useFetch Custom Hook Project Walkthrough50
  • useArray Custom Hook Project Introduction2
  • useArray Custom Hook Project Walkthrough57
  • useLocalStorage Custom Hook Project Introduction
  • useLocalStorage Custom Hook Project Walkthrough37

Forms

  • Form Basics6
  • One Way Data Flow2
  • useState vs useRef6
  • Basic Form Validation Project Introduction6
  • Basic Form Validation Project Walkthrough42
  • Form Libraries
  • React Hook Form Implementation13

Advanced Stateful Components

  • useReducer Hook21
  • useContext Hook28
  • Context In Class Components
  • Local State Is Best7
  • Never Store Derived State6
  • Environment Variables6
  • Advanced Todo List Introduction
  • Advanced Todo List Walkthrough31

Routing

  • Routing Without A Library5
  • React Router Basics16
  • Nested Routes24
  • Dynamic Routes3
  • Loaders46
  • Basic Routing Project Introduction9
  • Basic Routing Project Walkthrough80
  • Actions33
  • Advanced Routing Project Introduction
  • Advanced Routing Project Walkthrough38