Introduction
Project Setup
React Fundamentals
State Management in React
-
Managing state with useState Hook (27:28)
-
Mastering the 3 usages of the useEffect Hook (31:56)
-
Prop Drilling, and Context API in React (41:51)
-
Creating Custom Hooks (22:58)
-
Introduction to Redux (13:29)
-
API calls with Redux Thunk (51:36)
-
Mini Project 1 | React-Redux Notifications (48:02)
-
Quiz on State Management in React
React Router
Testing React Apps and Components
-
Introduction to Testing in React (11:38)
-
Setting up Vitest for testing React Components (16:08)
-
Writing unit tests with Vitest (20:07)
-
Testing Async Behavior - Mocking props and files (43:43)
-
Writing Integration tests (30:19)
-
Writing end-to-end tests with Playwright (33:43)
-
Running the tests on GitHub actions (15:54)
-
Quiz on Testing in React
Real World Project: Pizza Restaurant App
-
Project Introduction (5:36)
-
Setting up application routes (4:31)
-
Configuring the Root Layout for UI consistency (3:25)
-
Configuring the Redux Store and adding items to Cart (13:57)
-
Implementing Menu item Redux actions & selectors (22:33)
-
Persisting Redux state in the browser (9:53)
-
Implementing the Cart page (5:15)
-
Implementing the Checkout page (20:00)
-
Creating Orders and saving in Redux (25:50)
-
Render Orders and Search from the header (28:45)
-
Quiz for Pizza Restaurant App
Conclusion
