Complete React Development
Understand how React thinks, then build with confidence.
Study & career skills · Intermediate · English · 3 lessons · 45 min
By the end you should be able to
- Explain how React renders and updates the page
- Manage state with useState
- Synchronise with the outside world using useEffect
- Debug re-render issues
Key points, lesson by lesson
Module 1 · Foundations
What React actually does · 12 min
Explain how React turns components into what you see on screen.
- Components are functions that return a description of UI.
- JSX compiles to React elements — plain objects.
- React compares old and new elements and updates only what changed.
Module 2 · Understanding React Hooks
Remembering values with useState · 15 min
Use useState to store a value and update it in response to events.
- Plain variables reset on every render and don't trigger updates.
- useState returns [value, setter].
- Setters schedule a re-render; the new value appears next render.
Syncing with the outside world: useEffect · 18 min
Decide when an effect runs based on its dependency array.
- Keep rendering pure; put side effects in useEffect.
- Effects run after the screen updates.
- The dependency array controls when the effect re-runs.
Before you start: JavaScript functions and arrays · Basic HTML
skillspring · Lesson content by SkillSpring. Printed for personal study.