The Road to React

Your journey to master React in JavaScript

The most comprehensive book to learn React for beginners. Everything you need to know about React Components, React's top-level APIs, and JSX to create modern frontend applications.

200+

Pages

50+

Exercises

80+

Course Modules

300+

Code Snippets

Get the Course View Content

What's Included

Creating a React application from scratch

Learn Modern React

Learn everything about React Components, React's top-level APIs, and JSX to create modern frontend applications.

Packed with Exercises

You will have plenty of time to apply your learnings in exercises after each chapter of the book.

Beginner Friendly

Step by step we will explore the concepts of React and how to use them in modern client applications to power our frontend.

Up-To-Date

All the recent React best practices will be included in this React course to get you up to speed to the recent trends.

Real World Application

You will build a real world application with features such as client-side filtering, server-side filtering and pagination.

Advanced Concepts

Lots of advanced concepts such as higher-order components, render props, and React's context will be covered in this course.

Meet your Instructor

Robin Wieruch

Robin is a software engineer who has authored several books and courses about JavaScript and React. He has been a developer for more than a decade and has experience in building web applications and consulting for startups and companies across the world.

During his freelance tenure, Robin collaborated with diverse entities like MakerDAO in blockchain, TRUMPF in high-precision laser technology, and the US government, among other ventures.

Bestselling JavaScript Book Author
3,000,000+ Blog Visits per Year
80,000+ Book Readers and Course Students
50,000+ Newsletter Readers
23,000+ Twitter Followers
11,000+ LinkedIn Followers
8,000+ GitHub Followers
6,000+ GitHub Stars
2x Awarded GitHub Star
Technical Co-Founder of CloudCamping
Dad of two wonderful Boys

Roadmap

What you're going to be learning

Introduction to React

From project setup to understanding the fundamentals of JavaScript for React, we will cover everything to get you started in this new environment.

Basics in React

You will learn everything about React component composition, JSX, state management and props in React to build your first basic React application.

Getting real with an API

Handling real data from an API with React makes things more exciting. You will learn how to fetch data and how to display and interact with this data in your React application.

Code Organization and Testing

Besides you will get to know how to test your React components and how to organize them in your project.

Advanced React Components

Advanced concepts such as higher-order components and render prop components will be covered as well for giving you all the tools to create powerful abstractions.

Advanced State Management

Get to know all the pitfalls when it comes to state management in React. Learn how to lift state up and down and how to use the state management API of React.

Become an Expert in React

What you can expect from the book

Fundamentals of React

Hello React
Requirements
Setting up a React Project
Meet the React Component
React JSX
Lists in React
Meet another React Component
React Component Instantiation
ReactDOM
React Component Definition (Advanced)
Handler Function in JSX
React Props
React State
Callback Handlers in JSX
Lifting State in React
React Controlled Components
Props Handling (Advanced)
React Side-Effects
React Custom Hooks (Advanced)
React Fragments
Reusable React Component
React Component Composition
Imperative React
Inline Handler in JSX
React Asynchronous Data
React Conditional Rendering
React Advanced State
React Impossible States
Data Fetching with React
Data Re-Fetching in React
Memoized Handler in React (Advanced)
Explicit Data Fetching with React
Third-Party Libraries in React
Async/Await in React (Advanced)
Forms in React

React's Legacy

React Class Components
React Class Components: State
Imperative React

Styling in React

CSS in React
CSS Modules in React
Styled Components in React
SVGs in React

React Maintenance

Performance in React (Advanced)
TypeScript in React
Unit Testing to Integration Testing
React Project Structure

Real World React (Advanced)

Sorting
Reverse Sort
Remember Last Searches
Paginated Fetch

Deploying a React Application

Build Process
Deploy to Firebase

Course Modules beyond the Book

Tutorials and Source Code

Before React

Web Applications 101 JavaScript Fundamentals How to learn a framework Why frameworks? How to learn React React on MacOS React on Windows

React with Webpack

JavaScript Project Setup Webpack Project Setup Webpack with Babel React with Webpack Webpack with ESLint React with ESLint Webpack with Images Webpack with Fonts Webpack with SVGs Webpack with CSS Modules Advanced Webpack Babel Module Resolver

React Hooks

React Hooks Introduction React's useState Hook React's useReducer Hook React's useEffect Hook React's useRef Hook React's useMemo Hook React's useCallback Hook

Custom Hooks

Custom Hooks in React

Context API

React Context React's useContext Hook

State Management

State in React Lift State Derive State from Props Computed Properties useState vs useReducer Global State Mimic Redux Redux vs useReducer useState Callback

Working with APIs

Fetching Data

Components

Function Components Props Element vs Component Component Composition Composition over Configuration Reusable Components Controlled Components Memoized Components

Class Components

Component Types Migration Data Fetching Alternative Syntax

Lists in React

List Components List Key Add Item to List Update Item in List Remove Item in List Scroll to Item

UI Components

Button in React Checkbox in React Radio Button in React Dropdown in React React Slider React Range

Concepts

Forms Conditional Rendering Event Handlers Event Bubbling Render Props Higher-Order Components Slot Pattern Prevent Default

Styling

Styling Strategies and Approaches Styled Components CSS Modules Semantic UI

Testing

Testing in React Jest Snapshot Tests Jest & Enzyme Cypress

Organization

Folder/File Organization

Tables in React

React Table Library Introduction React Table as Tree View React Table with Select React Table with Sort React Table with Resize React Table with Filter React Table with Search React Table with Pagination React Table with Theming React Table with fixed Header React Table with fixed Column React Table with Double Click React Table with server-side Data

React Router

React Router Introduction Nested Routes Descendant Routes Search Params Redirect Private Routes Authentication Lazy Loading

React Ecosystem

React Libraries Why Redux Why Firebase Why GraphQL Why Gatsby Browser Storage i18n in React

React Freelancer

Freelance React Developer Checklist

Web Components

Web Components With React

Docker

Docker Installation Docker with create-react-app Docker with React/Webpack

Testimonials

What industry leaders are saying

"Robin is one of the most consistently high quality React educators. His approach directly addresses practical concerns you *will* face in your daily React work, without talking down to you or wasting your time with fluff. Don't just take my word for it - look at his public work and you'll see."

Shawn Wang

Developer Experience at Netlify

"Robin is an excellent teacher. His articles and tutorials are in-depth and informative, and his code is clear and concise. I've found an answer on his site countless times when researching a problem, and I know that's one less article I have to write."

Tania Rascia

JS Dev, Online Educator

"Everything that I've read from Robin has been top tier quality stuff. There are blog posts that I have wanted to write, but then I found one by Robin and decided I didn't need to. Fantastic content."

Kent C. Dodds

Full-time JavaScript Instructor

"You can tell how much time Robin has put into a teaching piece when you consume his content. I have partnered with Robin and he sets the bar high for other teachers and content creators -- this results to a quality learning ecosystem for his students regardless if a content or course was thought by him or not."

Christian Nwamba

JS Dev, Organizer of Concatenate

"I haven't read this book yet, but the previous educational materials made by Robin were nothing short of amazing. Thanks for creating this content and putting it out there!"

Dan Abramov

React.js Core Team

"If it's anything to do with React and it's written by Robin, you can trust that it'll be world-class. His books are some of the best content you'll find on the web for learning React."

Preethi Kasireddy

Founder & CEO of TruStory

What Participants Are Saying

Reviews from Amazon

"The book and let alone the resources offered by this book and it's author are simply phenomenal. It's extremely easy to work through and play around with the code while you follow along. The additional reading links offered are extremely helpful and well thought out. It's refreshing to find a codebook that keeps you glued and connected."

— Batty

"I have been an engineer for over 20 years. I have Javascript knowledge, but it is at least 5 years out of date. I found that this book was absolutely perfect to teach me React and some basics in ES6 that pertain to React."

— Matthew Flower

"First off I like to say that Robin Wieruch's presentation on the React material is, bar none, the best I have ever come across, period! Prior to reading his book, I had tried and failed miserably to learn React in full with 2 other 5-star rated books, but Mr. Wieruch's approach finally made the connections I needed to grasp the concepts."

— Sirch Huxley

"I am lucky to discover this book, because React, GraphQL, Apollo, Client and Server are bleeding edges technologies, and this book is the best resources that you can find at the current time to learn about these subjects."

— Kieu Hua

"This is an amazing way to learn React. As an experienced programmer, but new to Javascript, I was looking for a fast moving course that hit every major topic in React and provided fully worked examples I could copy."

— Z. H. Staples

"I loved the book -- the explanation detail, the pace, the content seems perfect. I had been fooling w/ a few demo packages but felt I needed more depth to understand what I am doing better."

— Big Time Games

"I've just started to learn react out of necessity for a project at work. This book has very good reviews, so I thought I'd give it a try. It's been a great boon, especially for a guy who hasn't touched Javascript since 2002."

— M. B. Kauffman

"Just finished The Road To Learn React by Robin Wieruch. I had written several React POC type projects and this was a good way to get deep on the fundamentals and background in the ES6 ecosystem."

— Micah Raleigh

"This book really worth to buy. Author are really try to split the content of this book on simple and small understandable parts, after ich part exercises for memorise which I recommend not to pass."

— Anton

"Great book! React can be complicated but Robin breaks it all down and the React introduction is perfect, without long-winded explanations that leave the reader scratching their head."

— D. Collins

"It was my first foray into the react world and I'm totally impressed! it was very clear, in depth and easy to follow. Highly recommended!"

— Omrip

"I absolutely love this, and all of robin's books. He has a well publicized knack for explaining difficult subject in a stepwise, concise, and clear way."

— Scott Rhamy

"The best way to learn React! I bought this because I had a job interview coming up where I was asked to complete a project in React. In one weekend I went from 0% to 80% comfortable working independently in React."

— Chris Zehner

"This book is awesome. I read this one as my entry point to React and it was incredible. Not only teaches you React.js from scratch but also modern javascript and good practices for real life work with the framework."

— Fabio Cortes

"This book is hands down the best introduction to anything programming related I have ever read. Robin is truly skilled at easing the reader into the React ecosystem."

— C. Finn

"This is a pure joy to read and go through the building of an example application. I can't say enough good things about this book. Robin is responsive and active on the Slack channel."

— Tony Brown

"I'll keep this short and sweet: got this as an ebook as I'm an aspiring full-stack web developer. It proved to be a truly valuable resource."

— David Martinez Garcia

"I'm loving this book! I did a Udemy course on React and was confused on a few things. Going through this book has really clarified things for me."

— Scott Edwards

"I've been trying to learn React through video tutorials and it just wasn't cutting it. This book so far has taught me more in a day than I have learned in a month or two of study."

— Timothy Myers

"Robin has a great way of explaining concepts that otherwise were difficult to pick up when I was attempting to learn React. Easy to follow problems and just enough information to get you going building other React applications."

— Saul Ocampo

"This book offers a thorough introduction to the React fundamentals. It also goes through ES6 features that are used in React. Best of all, it receives regular updates as React gets updated."

— Buster

"'The Road To Learn React' is an excellent book and I fully recommend it to a beginner with React. It's very well structured so that each part progresses naturally from the previous parts."

— Richard Shea

"I highly recommend this book to anyone interested in learning more about building React web apps. It is accessible to beginners, and can also serve as a helpful reference guide for intermediate developers."

— Austin

"Very well structured with latest 16.x features of ReactJS. Everything you need to understand how React works with a great application example."

— Vlad Bezden

"This is a helpful guide for anyone who wants to learn react. Try it!"

— David O.

"Its a great book to start off for beginners. Robin explains every line of code clearly. By the end of the book, you will have a good solid understanding of the basics of React."

— Vijay Kedarnath

"I'm really liking this book. I've read other books that mix all the React ecosystem elements together and I like just focusing on React first."

— Eric S.

"This book is concise and practical guide to React with references for further readings and sample projects built along the way. Excellent book!"

— aye2m

"A fantastic introduction to both React and JavaScript's ES6 syntax. Highly recommended!"

— VTReader

"Very readable, practical introduction to React. Highly recommend."

— Samuel Becker

"Excellent ebook to learn ES6 and React.js. Thanks, Robin for authoring an excellent book."

— Ajieh Cyril

"Very approachable and ton of good examples."

— Shayan

"This is an amazing book and a must read for Developers trying to learn React. The content is very detailed and the author did a very good job on presenting the material in the right order."

— Rakesh

"I fully recommend this book to anyone is new to React, possibly confused about the whole React/Redux ecosystem. This book focus on the core React principles, together with programming best practices."

— Yap Han Chiang

"Wanting to learn React for a new job I was looking for a good and up to date source to learn from. After starting a few video courses and tutorials I found this book and I basically finished in in one sitting."

— Jan Mussenbrock

"This was my introduction to React and I liked the concise explanations in each chapter. The author has also linked a lot of articles which are just as informative."

— Aditya Narayan

Frequently Asked Questions

Is there anything else you want to know?

Ready to take the journey?

Pick a learning path that works for you

The Essentials

$29.00

200-page Book in PDF & EPUB
Access to the Book Online

Get the Course

The Professional

$49.00

200-page Book in PDF & EPUB
Access to the Book Online
Course Modules beyond the Book