Skip to content
Sabaqاردو

Complete React Course in Hindi (CodeWithHarry)

By CodeWithHarry

Course audio
Course audio: Hindi
Level
Intermediate
Length
15 lessons

What you'll be able to do

  • Create a React app and write components with JSX
  • Pass data with props and manage state and events
  • Build a complete small project (TextUtils) with dark mode and alerts

About this course

In this Hindi React course, CodeWithHarry covers installation, create-react-app, a JavaScript refresher and JSX, then teaches by building the TextUtils project. Along the way learners use props and PropTypes, state and events, the useState hook for a dark-mode toggle, alert messages and custom colour themes, with exercises and solutions between lessons. It suits learners comfortable with JavaScript basics who want to build a real React app. Afterwards, try Next.js or a full-stack MERN course.

Before you start: Basic JavaScript (variables, functions, arrays)

Syllabus

Sabaq lists the first 15 videos of this playlist; the rest continue on YouTube. Full playlist on YouTube

  1. 1Introduction to React Js + Installation | Complete React Course in Hindi #1
  2. 2Creating our first react app using create-react-app | Complete React Course in Hindi #2
  3. 3JavaScript Refresher | Complete React Course in Hindi #3
  4. 4Understanding JSX | Complete React Course in Hindi #4
  5. 5Project 1: Setup + Adding Bootstrap to React | Complete React Course in Hindi #5
  6. 6Understanding Props and PropTypes in React | Complete React Course in Hindi #6
  7. 7Understanding State & Handling Events in React | Complete React Course in Hindi #7
  8. 8Adding more Logic to TextUtils | Complete React Course in Hindi #8
  9. 9Exercise 1: Enhancing TextUtils | Complete React Course in Hindi #9
  10. 10Creating "Enable Dark Mode" Button Using useState Hook | Complete React Course in Hindi #10
  11. 11Exercise 1: Solutions + Shoutouts | Complete React Course in Hindi #11
  12. 12Improving Dark Mode & Refactoring App Component | Complete React Course in Hindi #12
  13. 13Adding + Auto Dismissing Alert Messages | Complete React Course in Hindi #13
  14. 14Exercise 2: Adding Custom Color Theme to TextUtils | Complete React Course in Hindi #14
  15. 15Changing title dynamically & adding favicons to TextUtils | Complete React Course in Hindi #15

What to take next

Videos by CodeWithHarry, 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.

Sabaq lists the first 15 videos of this playlist; the rest continue on YouTube. Full playlist on YouTube

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

Report a problem or a rights request