Tooling, Testing & Production

From code to shipped app

You understand how React renders and how hooks work. This module is about everything around the code: how you start a project today, how you test components, how you type them, and what you reach for in production.

The headline currency point: Create React App is deprecated (officially sunset in 2025). Current React starts with Vite for SPAs or a framework (Next.js, React Router) for anything needing routing, SSR, or Server Components.

What this module covers

Lesson	What you’ll learn
Project & tooling	Vite vs frameworks, DevTools, Fast Refresh — and why not CRA
Testing	React Testing Library on Vitest, testing behavior not internals
TypeScript with React	Typing props, hooks, events — and `ref` as a prop in React 19
Production & ecosystem	Code-splitting and the libraries you’ll actually use

The shape of a modern React setup

flowchart TB
  build["Build tool
(Vite) or framework
(Next.js / React Router)"] --> app["Your React app"]
  ts["TypeScript"] --> app
  test["Testing Library + Vitest"] --> app
  eco["Ecosystem:
routing, data, forms, state"] --> app

What sits around your components in a real project

None of these are React itself — React is deliberately a library, not a framework, so you assemble the rest. Knowing the standard choices saves you from reinventing them.