React JS - Til Infinity Course
React fundamentals plus the parts most tutorials skip, like immutability, refs, and prop types, taught through two real app builds.
The React mistake I see most often has nothing to do with React. Someone mutates an object sitting in state, the UI stops updating, and they spend a night convinced the framework is broken. The framework is fine. Nobody ever taught them immutability.
That story explains how this course is built. It teaches React fundamentals, and it refuses to skip the underlying ideas that make React behave predictably.
Fundamentals with the floor showing
You start by setting up the dev starter kit and actually looking at the machinery: the folders, Babel, and the Webpack config. Then the React basics arrive in order: your first component, why components matter, state, class-based versus functional components, props and children, JSX, events, and inline styles.
Project one is deliberately tiny, a counter with a reusable button, made functional and then automatic so lifecycles show up in a context where you can see them fire. Small projects are honest teachers. There is nowhere for confusion to hide.
Then comes the section that gives the course its spine: immutable data. What immutability is, working with objects in state, object spread versus Object.assign, immutable arrays, and immutability helpers for setting and merging values. It is not glamorous. It prevents the single most common category of React bug, and knowing it will put you ahead of a surprising number of working developers.
BillsApp and the advanced layer
Project two is BillsApp, a bills tracker built across twelve lessons: header, totals, the bills list, a floating menu, an add-bill form shown and hidden through global state, saving bills, status buttons, and deleting. It is the first build big enough to force real decisions about where state lives.
The last stretch covers what interviews politely call "advanced": fragments, refs, prop type checking, the Context API as global state, and an introduction to hooks with effects. If your ES6 is rusty, do the ESNext course first, honestly. React without spread and destructuring is a miserable experience.
From here, Build a Streaming Service is the natural next project, and Redux the Easy Way picks up where Context leaves off.
What you'll learn
- ✓ Understand components, props, children, JSX, and event handling
- ✓ Know when to reach for class-based versus functional components
- ✓ Manage component state and work with lifecycles
- ✓ Keep state immutable using spread, Object.assign, and immutability helpers
- ✓ Build a bills tracking app with forms, global state, totals, and delete actions
- ✓ Use fragments, refs, and prop type checking
- ✓ Share state across the app with the Context API
- ✓ Get started with React hooks, including effects
Course Curriculum
8 sections
1
Overview
0 lessons
2
React Basics
0 lessons
3
Project 1: Counter
0 lessons
4
Immutable Data
0 lessons
5
Project 2:
0 lessons
6
Advance Features
0 lessons
7
React Hooks
0 lessons
8
More Videos Being Added
0 lessons
Before you start
- ✓ Solid JavaScript fundamentals, especially functions, arrays, and objects
- ✓ Modern ES6 syntax helps a lot, since React leans on arrow functions, spread, and destructuring constantly
