-
Introduction
-
2 Setup Browser, VS Code Extensions, Prettier, Prisma, NodeJS, Git, GitHub
-
3 Is an AI Copilot example GitHub Copilot a necessity for this course
-
Beginner React & JavaScript
-
4 Starting a New React Project
-
5 Vite React App Fresh Install Lookaround
-
6 JSX Fundamentals for React
-
7 Components in React
-
8 Anatomy of a React Component Props, Event Handlers, Hooks
-
9 The useState Hook & What is 'Rendering'
-
10 The useEffect hook
-
11 JavaScript Fundamentals for React
-
12 CSS Fundamentals for React
-
13 Modern JS & DOM Fundamentals
-
-
Project Fancy Counter
-
14 Fancy Counter Intro
-
15 Fresh React Vite Install Lookaround
-
16 Split up the App into components
-
17 Component fundamentals
-
18 Div vs Fragment
-
19 Styling our app and adding icons + font
-
20 Count State useState, 'Rendering', 'Lifting state up', functional setState
-
21 Event Handler Functions in React
-
22 Reset Button
-
23 Inline vs Extracting Event Handler Functions
-
24 Create 1 Reusable Button Component
-
25 Conditional Rendering Ternary Operator vs Logical && Operator
-
26 Finish Refactoring Reusable Button Component
-
27 Bottom Limit
-
28 Upper Limit Derived State, Manipulate CSS
-
29 Spacebar to Increment
-
30 Prop Drilling Solution Children Composition
-
31 Recap Most Important React Concepts from this project
-
-
Project Word Analytics
-
32 Word Analytics Intro
-
33 Setup Build a React App from Scratch
-
34 Handle events Change Event
-
35 Uncontrolled vs Controlled Textarea
-
36 Basic Validation
-
37 Reusable Component Warning Component
-
38 You don't always need to add more useState
-
39 Finish validation Remove Warning
-
40 Stats Section JSX Markup
-
41 Reusable Component Stat Component
-
42 Derived State numberOfCharacters
-
43 Lifting state up
-
44 Other Stats Data Derived State
-
45 Combine Props into 1 Prop Object
-
46 Manipulate CSS in React
-
47 Extract Constants into a Separate File
-
48 Folder Structure
-