You've been using React's main tools (components, state, effects, forms) and by now they feel familiar. This week you go deeper. You'll learn the parts of React that most developers only encounter once things start getting complicated: the escape hatches, the patterns that make large codebases maintainable, and the features that define how React is written today.
You'll start with refs, which give you a direct line to the DOM when React's declarative model isn't enough: focusing an input, measuring an element, integrating with a library that needs a real DOM node. Then you'll revisit useEffect with fresh eyes, not to learn how to use it, but to learn when not to. Most useEffect bugs in real codebases come from reaching for it out of habit rather than necessity, and recognising those situations will make you a noticeably better React developer.
From there you'll learn to extract logic into custom hooks, one of the most important skills for writing React code that other people can read and that you can actually test. You'll then get hands-on with React 19's new primitives: the use hook and transitions, which simplify async patterns that previously required a lot of boilerplate. The week closes with React Server Components, which represent a genuine shift in how React applications are architected — moving data fetching to the server and sending finished HTML to the browser, rather than fetching after the page loads.
Each of these topics connects directly to code you've already written. By the end of the week you'll look back at some of your earlier components and see exactly how to make them simpler, more correct, and easier to maintain.
use hook and transitions to simplify async data loading and keep UIs responsive during state updatesThe HackYourFuture curriculum is licensed under CC BY-NC-SA 4.0 *https://hackyourfuture.net/*
Built with ❤️ by the HackYourFuture community · Thank you, contributors
Found a mistake or have a suggestion? Let us know in the feedback form.