hiteshchoudhary/chai-aur-react

★ 12,667JavaScriptAudience · developerComplexity · 1/5Setup · easy

Mindmap

mindmap
  root((chai-aur-react))
    Course Content
      React basics
      Props and state
      Build React yourself
    Learning Style
      Video companion code
      Hands-on projects
      Hindi instruction
    Setup
      Clone and run locally
      Free YouTube videos
    Audience
      React beginners
      Hindi learners

mindmap root((chai-aur-react)) Course Content React basics Props and state Build React yourself Learning Style Video companion code Hands-on projects Hindi instruction Setup Clone and run locally Free YouTube videos Audience React beginners Hindi learners

Click or tap to explore — scroll the page freely

Things people build with this

USE CASE 1

Follow along with the chai-aur-react YouTube series by cloning this repo and running each lesson's code locally.

USE CASE 2

Study React's project structure and data flow concepts using the provided hands-on project examples.

USE CASE 3

Build a simplified React engine from scratch by following the dedicated lesson folder in the series.

Tech stack

JavaScriptReact

Getting it running

Difficulty · easy Time to first run · 5min

No special setup beyond Node.js, clone the repo and follow along with the free YouTube series.

No license information was mentioned in the explanation.

In plain English

This repository holds the code that goes along with a YouTube video series called "chai aur react," published on the "chai aur code" channel by Hitesh Choudhary. The series teaches ReactJS, a popular JavaScript library used to build user interfaces for websites and web apps. The channel name loosely translates to "tea and code" in Hindi, reflecting the instructor's casual, approachable teaching style. Each folder in the repository corresponds to a lesson or project from the series. Students are meant to watch the video and follow along with the matching code here. The series starts with an overview and roadmap, then covers how to create React projects, how React structures its files and data flow, and how to build your own simplified version of React from scratch to understand what the library is actually doing under the hood. Additional topics are added as the series continues, so the repository grows over time. The learning approach combines video explanations with small hands-on projects. Rather than just reading documentation, students build things and watch the code run. The videos are free on YouTube, and the repository code is free to clone and use locally. Contributors are welcome to report issues or suggest improvements, but the README specifically asks people not to change existing code. The reason is that students watching older videos expect the code in the repository to match exactly what they see on screen. Changing it would break that connection. If you are new to React and prefer video-based learning in Hindi or with an approachable instructor, this series is one of the more popular starting points for that audience. The README is sparse and the real content lives in the video series itself.

Copy-paste prompts

Prompt 1

I'm watching the chai-aur-react YouTube series and studying React data flow. Explain how props and state pass data between parent and child components with a simple example.

Prompt 2

Help me understand this React project structure: src/components, src/hooks, App.jsx, main.jsx, what goes in each folder and why?

Prompt 3

The chai-aur-react series has a lesson on building React from scratch. Explain how a basic virtual DOM and a reconciliation algorithm work, step by step.

Prompt 4

I'm following the chai-aur-react course and my Vite project isn't starting. Walk me through common setup problems and how to fix them.

Open on GitHub → Explain another repo

← hiteshchoudhary on gitmyhub — every repo by this author, as a profile.

Verify against the repo before relying on details.