Practical React Essentials
in Urdu/Hindi
A comprehensive journey from React basics to advanced concepts in Urdu/Hindi
14h 19m
49 Lessons
Introduction
Project Setup
React Fundamentals
State Management in React
01Managing state with useState Hook
(27:28)
02Mastering the 3 usages of the useEffect Hook
(31:56)
03Prop Drilling, and Context API in React
(41:51)
04Creating Custom Hooks
(22:58)
05Introduction to Redux
(13:29)
06API calls with Redux Thunk
(51:36)
07Mini Project 1 | React-Redux Notifications
(48:02)
08Quiz on State Management in React
React Router
01Setting up Routes with React Router
(29:54)
02Loading route data with Loader Functions & Router Params
(26:49)
03Working with Forms and React Router Actions
(27:05)
04Nested Routes & Active Links Styling
(14:31)
05Assignment: Adding features to Contacts App using React Router
(6:16)
06Quiz on React Router
Testing React Apps and Components
01Introduction to Testing in React
(11:38)
02Setting up Vitest for testing React Components
(16:08)
03Writing unit tests with Vitest
(20:07)
04Testing Async Behavior - Mocking props and files
(43:43)
05Writing Integration tests
(30:19)
06Writing end-to-end tests with Playwright
(33:43)
07Running the tests on GitHub actions
(15:54)
08Quiz on Testing in React
Real World Project: Pizza Restaurant App
01Project Introduction
(5:36)
02Setting up application routes
(4:31)
03Configuring the Root Layout for UI consistency
(3:25)
04Configuring the Redux Store and adding items to Cart
(13:57)
05Implementing Menu item Redux actions & selector
(22:33)
06Persisting Redux state in the browser
(9:53)
07Implementing the Cart page
(5:15)
08Implementing the Checkout page
(20:00)
09Creating Orders and saving in Redux
(25:50)
10Render Orders and Search from the header
(28:45)
11Quiz for Pizza Restaurant App