LAST UPDATE: 30. January 2025
The Road to React: The React.js with Hooks in JavaScript Book (2025 Edition) - is a comprehensive and pragmatic yet concise React 19 with Hooks (+ opt-in TypeScript) book. Purchase of this book includes free online access to the always up-to-date digital book.
What you will learn.
"The Road to React" made its debut in 2016, and since then, I've almost rewritten it annually. This book teaches the core principles of React, guiding you through building a practical application in pure React without complex tooling. The book covers everything from setting up the project to deploying it on a server. Each chapter includes additional recommended reading and exercises. By the end, you'll have the skills to develop your own React applications.
In "The Road to React," I establish a solid foundation before delving into the broader React ecosystem. The book clarifies general concepts, patterns, and best practices for real-world React applications. Ultimately, you'll learn to construct a React application from scratch, incorporating features such as pagination, client-side and server-side searching, and advanced UI interactions like sorting.
Is it up to date?
Programming books are usually outdated soon after their release, but since this book is self- published, I can update it as needed whenever a new version of something related to this book gets released.
I am a beginner. Is this book for me?
Yes. The book starts from zero and takes you through the learning experience step by step. Every chapter builds up on the learnings from the previous chapter. In addition, at the end of every chapter, exercises fortify your lessons learned. If you got stuck in a chapter, you will always find a reference URL to the status quo of the actual code.
Core Concepts
Table of Contents
Fundamentals of React
Hello ReactRequirementsSetting up a React ProjectMeet the React ComponentReact JSSLists in ReactMeet another React ComponentReact Component InstantiationReactDOMReact Component Definition (Advanced)Handler Function in JSXReact PropsReact StateCallback Handlers in JSXLifting State in ReactReact Controlled ComponentsProps Handling (Advanced)React Side-EffectsReact Custom Hooks (Advanced)React FragmentsReusable React ComponentReact Component CompositionImperative ReactInline Handler in JSXReact Asynchronous DataReact Conditional RenderingReact Advanced StateReact Impossible StatesData Fetching with ReactData Re-Fetching in ReactMemoized Handler in React (Advanced)Explicit Data Fetching with ReactThird-Party Libraries in ReactAsync/Await in React (Advanced)Forms in ReactStyling in React
CSS in ReactCSS Modules in ReactStyled Components in ReactSVGs in ReactReact Maintenance
Performance in React (Advanced)TypeScript in ReactUnit Testing to Integration TestingReact Project StructureReal World React (Advanced)
SortingReverse SortRemember Last SearchesPaginated FetchDeploying a React Application
Build ProcessDeploy to Firebase