The Road to learn React

18.500+ Downloads
4.3 Rating on GoodReads

The Road to learn React is your personal start of learning React and its ecosystem. You will learn plain React, transition from JavaScript ES5 to ES6, and build an application along the way. Afterward you are able to build your own applications and you are prepared to dive into the React ecosystem.

The Bare Essentials

The book should enable everyone to start learning React. You will build an own application without any tooling along the way and transition from JavaScript ES5 to ES6.

190-page book in PDF, MOBI & EPUB

Build a plain React app along the way

Transition from JavaScript ES5 to ES6

The Complete Course

The ebook comes as an interactive course where you can make your own hands on experiences in the browser. Furthermore you get all ebook formats and source code projects.

190-page book in PDF, MOBI & EPUB

Build a plain React app along the way

Transition from JavaScript ES5 to ES6

Access to 9 Source Code Projects

Use React Router, Flow, Firebase and more

Going beyond plain React

Access the ebook as interactive Course

Use Code Snippets directly in the Browser

The Coder Package

Access exciting projects and boilerplate projects to go beyond plain React. Combine solutions such as React Router and Firebase with your application.

190-page book in PDF, MOBI & EPUB

Build a plain React app along the way

Transition from JavaScript ES5 to ES6

Access to 9 Source Code Projects

Use React Router, Flow, Firebase and more

Going beyond plain React

What People Are Saying

What can you expect?

You will build a Hacker News application in plain React with zero-configuration. It connects to the API Hacker News API to fetch data from it. Along the way you will learn the fundamentals in React.

You will learn about ...

  • Bootstraping your React application

  • React's JSX Syntax, local state, lifecycles, ...

  • Consuming an external API

  • Client-sided sorting, filtering & caching

  • Server-sided searching

  • Higher order functions & higher order components

  • Component tests with Jest & Enzyme

  • JavaScript ES5, ES6 and beyond

  • Neat libraries along the way

  • Writing efficient and lightweight code

  • Deploying your app to production

Access Source Code

  • Hacker News Client

  • React Router v4 Example

  • React Code Organization Example

  • React Styled Components Example

  • React Flow Type Checking Example

  • React Firebase Chat Example

  • React Stripe with Express Server

  • React MobX (Local State) Example

  • React Redux Example

FAQ

Does it use the recent React version? It gets updated as soon as possible whenever there is a new React version.

Does it cover Redux? It doesn’t. It should give you a solid foundation before you dive into advanced topics such as Redux. Still the application that you will implement will show you that you don’t need Redux to build applications.

Does it use JavaScript ES6? Yes. But don’t worry. You will be fine if you are familiar with JavaScript ES5. All JavaScript ES6 features will be explained on the journey to learn React. It does not only teach React, but also all useful JavaScript ES6 features for React.

Why is it pay what you want? I have put a lot of effort into this and will do so in the future. My desire is to reach as many people as possible. Everyone should be enabled to learn React. Still you could pay when you can afford it.

Requirements

Fundamentals in Web Development: You should know how to use HTML, CSS and JavaScript ES5. Being familiar with the term API would make sense too, because you will use APIs in the book.

Subscribe

Articles about React, new courses, and course updates delivered straight to your inbox. Quality content only, no spam - that’s a promise.

Join the Slack Group

Exchange thoughts and learnings, improve yourself by teaching others, get help if you’re stuck - join the Slack Group.