Intro: The 10 Days of React
-
What Problem Does React Solve? (15:14)
-
Let's Start Using React (18:04)
-
What Is JSX? (8:23)
-
Staying Organized: Components Using Other Components (6:22)
-
Using Props To Make a Component Flexible (7:43)
-
Looping Through An Array Within JSX (11:39)
-
State (11:41)
-
Handling Events (Like a Button Click etc...) (11:37)
-
Working With Forms (17:40)
-
What is useEffect? (19:58)
Getting Ready To Create a Real World App
Let's Start Building Our App!
-
React & Next.js (5:23)
-
Starting Our Complex App (18:21)
-
Tip: Always Have The Current Year In The Footer
-
Routing (Single Page Application) (19:41)
-
Quick Note About Rendering React Components To The DOM
-
React Developer Tools (4:30)
-
Creating a Visual Studio Code Snippet (8:06)
-
Create a Reusable "Container" Component (10:34)
-
Quick Details & Composition (12:12)
Working With a Real Back-End
Connecting the Front-End and Back-End
-
Quick Note About Debugging
-
Sending a Request From the Front-End (12:55)
-
Access Form Field Values with React (7:19)
-
Logging In (12:00)
-
Render Different Components Depending on State (10:37)
-
Persisting State (Local Storage) (10:57)
-
Conditional Homepage Content (11:57)
-
Create Post Screen (17:28)
-
View Single Post Screen (10:22)
-
Flash Messages (14:22)
Leveling Up The Way We Approach State
Actually Building Our App
Edit & Delete Post Actions
Search Overlay
Letting Users Follow Each Other
Building a Live Chat Feature
Registration Form Validation
Getting Ready To Go Live
-
React Suspense - Lazy Loading (part 1) (13:28)
-
React Suspense - Lazy Loading (part 2) (9:36)
-
Note About Suspense for Data Fetching
-
Building a "Dist" Copy of Our Site (16:45)
-
React Outside of the Browser (Part 1) (16:42)
-
React Outside of the Browser (Part 2) (7:33)
-
Two Quick Notes
-
Pushing Our API Backend Server Up To The Web (18:28)
-
Pushing Our React Front-End Up To The Web (15:36)
Next.js Essentials
Concurrent React
Extra Credit Ideas / Challenges
