Project Tooling and the First Milestone
Every subchapter in this chapter, free to read online. Work through them in order, or open the concept required by your current project.
React Project Files and Package Scripts
Read a Vite React project as a connected system of browser files, source modules, package records, scripts, and tool configuration.
Vite Dev Server and HMR
Trace a saved React edit through Vite HMR and Fast Refresh, then recognize when component state can be preserved.
TypeScript for Component Props
Move the milestone app to TypeScript, describe component prop contracts, and add a real type-check step beside Vite.
React DevTools First Pass
Inspect the React component tree, props, hooks, owners, and render commits without confusing that tree with the browser DOM.
Create React App Deprecation and Modern Starts
Recognize a Create React App project, understand its deprecation, and choose between a framework and a Vite scratch setup for current work.
Build, Preview, and First Project Review
Produce the first deployment build, inspect its files, preview it locally, and review the Volume I app from a clean installation.