React in Production
Component architecture, state, data fetching and the mistakes that only show up at scale
Created by Amara Osei
What you will learn
- Decide where state belongs, and recognise when you have put it too high
- Fetch, cache and invalidate server data without a tangle of effects
- Split components along seams that survive requirement changes
- Diagnose re-render problems with the profiler instead of guessing
- Write components that are testable because of their shape, not their mocks
- Apply the same reasoning to Server Components and the app router
Course content
14 sections · 148 lectures · 22h total length
- What this course covers, and what it does notPreview03:00
- How to get the most out of itPreview04:00
- Setting up and downloading the exercise files06:00
- Component boundariesPreview05:00
- Component boundaries in detail13:00
- A closer look at component boundaries09:00
- Worked example: component boundaries04:00
- Where component boundaries goes wrong12:00
- Exercise: component boundaries08:00
- Component boundaries in practice03:00
- Two approaches to component boundaries11:00
- Component boundaries — questions from previous students07:00
- Reviewing your work on component boundaries15:00
- Component boundaries — the edge cases04:00
- A second worked example: component boundaries12:00
Topics covered
Requirements
- Comfortable with JavaScript, including async/await
- You have built at least one small React app
- Node.js installed locally
Description
You already know how to build a React component. This course is about the next problem: keeping a hundred of them comprehensible. We cover state placement, data fetching, rendering performance and the refactors that dig you out when a component has quietly grown to six hundred lines.
Your instructor
Staff engineer, teaching JavaScript since 2014
Amara has spent eleven years building large front-end codebases and the last six teaching people how to work in them. Her courses avoid clever tricks in favour of the boring patterns that survive a team of thirty and a two-year rewrite.
Learner reviews
- 5 star82%
- 4 star16%
- 3 star2%
- 2 star1%
- 1 star1%
- GTGrace T.5 April 2026
I have recommended this to two colleagues already. The structure makes it easy to dip back into.
- WPWei P.7 February 2026
Concise and honest about what it does not cover, which I appreciated.
- AMAisha M.14 June 2026
Genuinely well structured. I have started three courses on this topic and this is the first one I finished.
- AZAisha Z.5 February 2026
Excellent. The examples are realistic rather than the usual toy versions.
- EKElena K.8 November 2025
I have recommended this to two colleagues already. The structure makes it easy to dip back into.
- UFUrsula F.10 May 2026
Concise and honest about what it does not cover, which I appreciated.
- TRTariq R.1 January 2026
Genuinely well structured. I have started three courses on this topic and this is the first one I finished.
- OZOlive Z.13 November 2025
Very practical. I applied something from module four at work the same week.
- FEFarid E.12 March 2026
I have recommended this to two colleagues already. The structure makes it easy to dip back into.
Showing 9 of 6,187 reviews.
Learners also looked at
More from Web Development and beyond.
Modern JavaScript From the Ground Up
Amara Osei
