Interactive Component Library
beginnerBuild a set of reusable, composable UI components using proper prop design, controlled inputs, and custom hooks.
- React
- JSX
- Hooks
Frontend & Backend
Components, hooks, and state management — how real React applications are structured once they grow past a single file.
Taught by Abbas Ibragimov
Sample clip — the trailer for this course is being filmed.
about.md
Every tutorial teaches you `useState` and a todo list, but real React applications are built from dozens of components talking to each other, fetching data, and managing state that spans the whole app — and that's where most self-taught developers hit a wall. React isn't just a library for rendering UI; it's a way of thinking about applications as composable, predictable pieces of state.
This course teaches you how to build React applications the way they're actually structured in production — not prop-drilling and giant components, but proper component composition, custom hooks, and state management that scales past a single page. You'll go from core hooks to data fetching patterns, performance optimization, and testing components the way professional teams do.
Every module ends with a hands-on project. You'll build interactive UIs, a data-driven dashboard that fetches and caches real API data, and a multi-page application with client-side routing and global state. By the end of the course, you'll be able to structure a real React codebase, reason about re-renders, and know when to reach for a library instead of building it yourself.
outcomes.json
Concrete things you will be able to do by the end — not topics you will have heard about.
projects/
Every module ends with something merged. These are the three you keep.
Build a set of reusable, composable UI components using proper prop design, controlled inputs, and custom hooks.
Create a dashboard that fetches, caches, and displays real API data, handling loading, error, and empty states correctly.
Build a multi-page application with client-side routing, global state management, and protected routes.
audience.md
prerequisites.md
Students should be comfortable with modern JavaScript (ES6+, arrow functions, destructuring, promises/async-await) and have basic HTML/CSS knowledge. No prior React experience is required — the course builds from JSX fundamentals to production patterns.
New to this? Start with JavaScript from Scratch
curriculum/
4 sections · 24 lessons · 6h 18m of content
instructor.md
Abbas Ibragimov
Software Engineer & Founder, Baku
I am a software engineer and founder based in Baku. I have spent the last several years building production software with React, Next.js, NestJS and Prisma — first for other people's companies, then for the one I started and now lead.
Alongside that work I mentor developers one to one, taking people from their first line of code to code they can put in front of a team. Teaching while still shipping is what keeps the material honest: what is in these courses is what I use in production, not what I read about.
I did not come through a computer science degree. I started with a Hello World, got obsessed with how the machine underneath actually works, and learned the rest by building things other people depended on — which is the same path these courses take, with the dead ends removed.
Nobody learns to build software by watching someone else build software. Every course here is structured around something you ship yourself, and my job is to be the senior engineer looking over your shoulder — not the narrator of a video you will forget by Friday.
reviews --course
The lessons were conducted in a friendly and personalized manner. There was always flexibility regar…
The course exceeded my expectations: the material is laid out clearly and in a logical order, and th…
faq.md
Check the prerequisites above — each course states what it assumes. If you are starting from zero, the fundamentals track assumes nothing at all.
Yes. The membership unlocks every course on the site, including this one and anything added later.
A course you buy outright stays in your account permanently, including future updates to it.
No — every lesson is pre-recorded so you can work at your own pace. Live Q&A sessions run separately for the whole community.
Lessons stream rather than download, so you always have the current version. Project source code is yours to keep.
Yes — the Discord community is where most questions get answered, usually within a day, and recurring live Q&As cover the harder ones.
Yes, a certificate of completion is issued once you finish the course.