From your very first component to Redux, TypeScript, testing and deployed projects. Built for complete beginners, including school students. Every example runs live inside the slides, even without internet.
A real app screen showing exactly where the concept appears.
Step-by-step diagrams (Next / Auto play) for every hard idea.
Code on the left, the running app on the right, with a console.
5 Easy, 3 Medium, 2 Hard, each from a real project, with a "Try it yourself" task and hint.
Edit any example and run it instantly (press L), even add new files.
3 quick questions with a score, plus an animated summary.
Approximate teaching time, about 88 hours in total. Hover a bar for details.
Keep the assets folder next to these files: the Code Lab uses assets/babel.min.js. Everything else works offline (only the Poppins font needs internet; a normal font is used without it).
# 1. Install Node.js LTS from nodejs.org node -v # 2. Create a project in D:\react-practice npm create vite@latest my-app -- --template react cd my-app npm install npm run dev Local: http://localhost:5173/