Skip to content
Sabaqاردو

React JS Full Course in Urdu (Shahid Naeem)

By Shahid Naeem

Course audio
Course audio: Urdu
Level
Intermediate
Length
55 lessons · 16.5 hours

What you'll be able to do

  • Create React projects with Vite and build components with JSX
  • Manage state and pass props between components
  • Build controlled forms and render lists and tables
  • Use hooks such as useEffect, useRef and useActionState

About this course

A React course in Urdu/Hindi by Shahid Naeem, 55 lessons and about 16 hours, going from zero to modern React. It reviews the JavaScript needed for React, sets up projects with create-react-app and Vite, explains folder structure, functional components, imports and exports, JSX, events, state and setState, props (objects, arrays, children, default props, functions), controlled and uncontrolled forms, checkboxes, radio buttons and dropdowns, and rendering tables with map. Later lessons cover hooks such as useEffect, useRef, useTransition, useFormStatus, useActionState and useId, lifecycle methods, styling with inline CSS, CSS modules, styled-components and React Bootstrap, lifting state and updating objects and arrays in state.

Before you start: Working knowledge of HTML, CSS and modern JavaScript.

Syllabus

55 lessons · 16:31:30 in total

  1. 1React JS Tutorial in Urdu/Hindi | Full React JS Course for Beginners #01 | Learn React Step by Step18:00
  2. 2React JS Tutorial in Urdu | Full React Course for Beginners | How to Install React JS #0213:35
  3. 3React JS Tutorial #03 | Create React App with NPX | React JS Full Course in Urdu/Hindi20:41
  4. 4React JS Tutorial #04 | React Folder Structure Explained | Full React Course in Urdu/Hindi18:58
  5. 5React JS Tutorial #05 – Master JavaScript Concepts for React JS Beginners 🚀47:53
  6. 6React JS Tutorial #06 – Create React App with Vite 🔥 | Vite React Setup Step-by-Step26:30
  7. 7React JS Tutorial #07 | Functional Components Explained for Beginners | React Components Guide20:14
  8. 8React JS Tutorial #08: Create React App with Vite 🚀 | Vite React Setup for Beginners9:36
  9. 9React JS Tutorial #09 | Learn Import & Export Components in React with Real Examples 🔥19:09
  10. 10React JS Tutorial #10 | Learn React Components & JSX in Depth for Beginners 🚀9:17
  11. 11React JS Tutorial #11 🔥 | Learn How to Write JavaScript Code in React JS (Step-by-Step)21:11
  12. 12React JS Tutorial #12 | React onClick Event Explained with Example | Event Handling in React15:04
  13. 13React JS Tutorial #13 | Master State & setState in React JS with Live Example in Hindi / Urdu 🔥24:47
  14. 14React JS Tutorial #14 | How to Create Toggle Button in React JS with Easy Steps 🔥15:25
  15. 15React JS Tutorial #15 | Ternary Operator in React Explained with Examples11:52
  16. 16🔥 React JS Tutorial #16 | React Props Explained for Beginners | Props in React JS Full Guide17:02
  17. 17React JS Tutorial #17 | How to Pass Object as Props in React JS | Props in React Explained9:25
  18. 18React JS Tutorial #18 | How to Pass an Array as Props in React | React Props Explained9:12
  19. 19React JS Tutorial #19 | Passing State as Props in React | State & Props Explained10:52
  20. 20React JS Tutorial #20 | Props Children & Default Props Explained in React for Beginners17:41
  21. 21React JS Tutorial #21 | onChange Event in React JS 🔄 | Event Handling Explained13:18
  22. 22React JS Tutorial #22 | Controlled Components in React Explained with Examples18:03
  23. 23React JS Tutorial #23 | How to Use Spread Operator in React JS with Real Examples16:26
  24. 24React JS Tutorial #24 | React Checkbox onChange Explained | Handle Multiple Checkboxes Easily22:52
  25. 25React JS Tutorial #25 | Radio Button & Dropdown Menu in React | React Form Handling Explained16:11
  26. 26React JS Tutorial #26 | React Table Tutorial with map() | Create Table from Array in React17:56
  27. 27React JS Tutorial #27 | How to Pass an Array as Props in React | React Props Explained15:42
  28. 28React JS Tutorial #28 | Render Array of Objects & Nested Loops Explained Simply19:47
  29. 29React Tutorial for Beginners #29 | Hooks in React JS Explained | Complete React Hooks Guide8:34
  30. 30React Tutorial for Beginners #30 | useEffect React Hooks Explained | React Hooks Made Easy19:51
Show all 55 lessons
  1. 31React Tutorial for Beginners #31 | Display Current Date & Time in React JS with Live Updates12:37
  2. 32React Tutorial for Beginners #32 | Build Digital Clock in React JS using setInterval + useEffect29:25
  3. 33React Tutorial for Beginners #33 | useEffect React Hooks Explained | Hooks in React JS19:20
  4. 34React Tutorial for Beginners #34 | React Lifecycle Methods Explained | Component Lifecycle Guide20:14
  5. 35React Tutorial for Beginners #35 | React JS Styling Explained | Inline & CSS Styling in React14:45
  6. 36Is Full Stack Development RIGHT for YOU? 🔥 Honest Guide for Future Developers!27:21
  7. 37React Tutorial for Beginners #36 – Inline CSS in React | Learn React JS Styling Easily16:24
  8. 38React Tutorial for Beginners #37 | Conditional Styling & Inline CSS in React Explained15:24
  9. 39React Tutorial for Beginners #38 | How to Use External CSS in React JS Step-by-Step20:58
  10. 40React Tutorial for Beginners #39 | CSS Module in React JS Explained with Examples18:26
  11. 41React Tutorial for Beginners #40 | React Styled Components Explained with Examples16:16
  12. 42React Tutorial for Beginners #41 | React Bootstrap Crash Course & Components Guide26:28
  13. 43React Tutorial for Beginners #42 | useRef Hook in React JS Explained | React Hooks Guide20:53
  14. 44Uncontrolled Components in React JS #43 | Controlled vs Uncontrolled Components Explained21:43
  15. 45React Tutorial for Beginners #44 | How to Pass Function as Props in React JS Explained11:47
  16. 46React Tutorial for Beginners #45 | Mastering forwardRef in React JS Explained 🚀11:44
  17. 47React Tutorial for Beginners #46 | useFormStatus Hook in React JS Explained16:47
  18. 48React Tutorial for Beginners #47 | useTransition Hook in React JS Explained20:34
  19. 49React Tutorial for Beginners #48 | Keeping Components Pure in React JS Explained16:54
  20. 50React Tutorial for Beginners #49 | Understanding Derived State in React JS 🔥16:47
  21. 51🚀 React Tutorial for Beginners #50 | State Lifting in React JS Explained Simply12:50
  22. 52React Tutorial for Beginners #51 | Updating Objects in State in React JS Explained17:59
  23. 53React Tutorial for Beginners #52 | Updating Array in State in React JS Explained 🔥22:03
  24. 54React Tutorial for Beginners #53 | useActionState Hook Explained in React JS 1921:41
  25. 55React Tutorial for Beginners #54 | useId Hook in React JS 19 (Hindi / Urdu)17:06

What to take next

Related courses

Videos by Shahid Naeem, played from their official YouTube channel. Subscribe on YouTube

Official upload by the teacher or institution on their own channel, shown with YouTube's embedded player.

Lessons listed from the official YouTube playlist. Full playlist on YouTube

Lessons last checked Oct 2026. Course summary and lesson structure by Sabaq.

Report a problem or a rights request