One lesson
An individual lesson
This track has no lesson ready to buy yet. Each lesson becomes available only after it is built and reviewed.
$5.00Not available yet
All course tracks
Frontend and browser · 30 lessons · up to 10 minutes each
React
A planned React path from component fundamentals through accessible and efficient interactions.
Coming Soon
One-time purchase · USD
Choose what to unlock
Access is attached to your account after payment is verified. No subscription.
Full category
React
Permanent access to the lessons published in this track when you buy. Future lessons are not included. 0 of 30 lessons are published; 0 are in owner review and 30 are Coming Soon.
$29.0030 lessons still in progress
Beginner
Lessons 1–10
01 React: Sketch components and JSX
Topic: components and JSX
Draw a small map of components and JSX in the context of React component composition, state, effects, and testing; save a short example or check that demonstrates the result.
Beginner4 minComing Soon02 React: Name the parts of props and composition
Topic: props and composition
Label the main pieces in props and composition in the context of React component composition, state, effects, and testing; save a short example or check that demonstrates the result.
Beginner5 minComing Soon03 React: Trace an example of state and event handlers
Topic: state and event handlers
Follow one input through state and event handlers in the context of React component composition, state, effects, and testing; save a short example or check that demonstrates the result.
Beginner6 minComing Soon04 React: Compare choices for rendering and list keys
Topic: rendering and list keys
Write down one practical difference between rendering and list keys in the context of React component composition, state, effects, and testing; save a short example or check that demonstrates the result.
Beginner7 minComing Soon05 React: Find the boundary in forms and controlled inputs
Topic: forms and controlled inputs
Mark where forms and controlled inputs in the context of React component composition, state, effects, and testing; save a short example or check that demonstrates the result.
Beginner8 minComing Soon06 React: Inspect an example of effects and external systems
Topic: effects and external systems
Annotate a minimal example of effects and external systems in the context of React component composition, state, effects, and testing; save a short example or check that demonstrates the result.
Beginner9 minComing Soon07 React: Connect context and shared state to a neighboring concept
Topic: context and shared state
Show how context and shared state in the context of React component composition, state, effects, and testing; save a short example or check that demonstrates the result.
Beginner10 minComing Soon08 React: Spot a failure mode in custom hooks and reuse
Topic: custom hooks and reuse
Describe one likely failure for custom hooks and reuse in the context of React component composition, state, effects, and testing; save a short example or check that demonstrates the result.
Beginner3 minComing Soon09 React: Read an official example of testing interactions
Topic: testing interactions
Summarize an official example of testing interactions in the context of React component composition, state, effects, and testing; save a short example or check that demonstrates the result.
Beginner5 minComing Soon10 React: Choose a use case for performance and accessibility
Topic: performance and accessibility
Match one small use case to performance and accessibility in the context of React component composition, state, effects, and testing; save a short example or check that demonstrates the result.
Beginner6 minComing Soon
Intermediate
Lessons 11–20
11 React: Build an example with components and JSX
Topic: components and JSX
Create a small working example that uses components and JSX in the context of React component composition, state, effects, and testing; save a short example or check that demonstrates the result.
Intermediate4 minComing Soon12 React: Compose props and composition with another component
Topic: props and composition
Combine props and composition in the context of React component composition, state, effects, and testing; save a short example or check that demonstrates the result.
Intermediate5 minComing Soon13 React: Configure state and event handlers for a small case
Topic: state and event handlers
Set up state and event handlers in the context of React component composition, state, effects, and testing; save a short example or check that demonstrates the result.
Intermediate6 minComing Soon14 React: Validate inputs around rendering and list keys
Topic: rendering and list keys
Add a check around rendering and list keys in the context of React component composition, state, effects, and testing; save a short example or check that demonstrates the result.
Intermediate7 minComing Soon15 React: Use forms and controlled inputs in a short workflow
Topic: forms and controlled inputs
Add forms and controlled inputs in the context of React component composition, state, effects, and testing; save a short example or check that demonstrates the result.
Intermediate8 minComing Soon16 React: Refactor effects and external systems into a reusable unit
Topic: effects and external systems
Extract effects and external systems in the context of React component composition, state, effects, and testing; save a short example or check that demonstrates the result.
Intermediate9 minComing Soon17 React: Exercise context and shared state with sample data
Topic: context and shared state
Run sample data through context and shared state in the context of React component composition, state, effects, and testing; save a short example or check that demonstrates the result.
Intermediate10 minComing Soon18 React: Observe custom hooks and reuse outputs
Topic: custom hooks and reuse
Capture the result of custom hooks and reuse in the context of React component composition, state, effects, and testing; save a short example or check that demonstrates the result.
Intermediate3 minComing Soon19 React: Recover from a testing interactions failure
Topic: testing interactions
Handle one expected failure from testing interactions in the context of React component composition, state, effects, and testing; save a short example or check that demonstrates the result.
Intermediate5 minComing Soon20 React: Document performance and accessibility behavior
Topic: performance and accessibility
Write a short usage note for performance and accessibility in the context of React component composition, state, effects, and testing; save a short example or check that demonstrates the result.
Intermediate6 minComing Soon
Advanced
Lessons 21–30
21 React: Test a boundary around components and JSX
Topic: components and JSX
Add an edge-case test for components and JSX in the context of React component composition, state, effects, and testing; save a short example or check that demonstrates the result.
Advanced4 minComing Soon22 React: Harden props and composition
Topic: props and composition
Add the relevant access, safety, or validation control to props and composition in the context of React component composition, state, effects, and testing; save a short example or check that demonstrates the result.
Advanced5 minComing Soon23 React: Measure state and event handlers
Topic: state and event handlers
Record a small baseline for state and event handlers in the context of React component composition, state, effects, and testing; save a short example or check that demonstrates the result.
Advanced6 minComing Soon24 React: Reduce cost in rendering and list keys
Topic: rendering and list keys
Change one measurable cost in rendering and list keys in the context of React component composition, state, effects, and testing; save a short example or check that demonstrates the result.
Advanced7 minComing Soon25 React: Diagnose a forms and controlled inputs failure
Topic: forms and controlled inputs
Use an observable signal to explain a failure in forms and controlled inputs in the context of React component composition, state, effects, and testing; save a short example or check that demonstrates the result.
Advanced8 minComing Soon26 React: Make effects and external systems repeatable
Topic: effects and external systems
Show that rerunning effects and external systems in the context of React component composition, state, effects, and testing; save a short example or check that demonstrates the result.
Advanced9 minComing Soon27 React: Review trade-offs in context and shared state
Topic: context and shared state
Compare two documented approaches to context and shared state in the context of React component composition, state, effects, and testing; save a short example or check that demonstrates the result.
Advanced10 minComing Soon28 React: Improve custom hooks and reuse maintainability
Topic: custom hooks and reuse
Refine custom hooks and reuse in the context of React component composition, state, effects, and testing; save a short example or check that demonstrates the result.
Advanced3 minComing Soon29 React: Verify testing interactions end to end
Topic: testing interactions
Check that a complete small flow using testing interactions in the context of React component composition, state, effects, and testing; save a short example or check that demonstrates the result.
Advanced5 minComing Soon30 React: Audit performance and accessibility against its source docs
Topic: performance and accessibility
Check the implementation of performance and accessibility in the context of React component composition, state, effects, and testing; save a short example or check that demonstrates the result.
Advanced6 minComing Soon
Reference documentation
References support the selected track topics while its lesson content is built and reviewed progressively.
This track is a catalog outline only. Each lesson remains unavailable until it is built and personally reviewed.