Are you struggling to learn and implement React for your application?

Mastering React Form BookBuy now

Master React library once and for all

You've went through some tutorials on writing React application and left with more questions than answers. This whole using JavaScript in HTML and JavaScript in CSS seems like a NIGHTMARE. All those tutorials seems more about showing what React could do rather then how you should use it.

Furthermore, you looked at the tutorial written on React documentation website. And instead of showing you React's best practice, or how to build that mystical-reusable-UI component, you are greeted with a tutorial on building Tic Tac Toe game!! SAY WHAAAAT?

react tic tac toe

Then your eyes began to fixate upon this quote...

react tic tac toe highlighted

You began to guess even React team knows that it's not that interesting to build a Tic Tac Toe game, since they put that line in.

Oh my...

You begin to wonder, is this REALLY the great library developed by Facebook that is being used by developers and companies that are serious with their tech stack? Your faith is shaken.

Well, you're not alone on that assessment. I didn't like React's official tutorial as well.

I have used React for live applications on the web. In fact, this website you're visiting right now is build upon Gatsby, a React static site generator. Before using React, I was experienced in building the front-end with Laravel's Blade template and jQuery — so trust me, I know what I'm saying.

React is indeed a great library, but it suffers from communication problem

Most people who understand about React speak about the tech. It's no use learning about state and props if you don't know what problems it solved and how it solve them. We are all coding to solve problems, not creating hobby application. In order to code properly with React, you need to understand not only React's core library, but also its ecosystem of packages.

So, can you have a proper and powerful introduction to learning React?

You can, and that's what React Distilled is all about. This book will explore the fundamental principles of React systematically in 7 days. It provides a structured learning where you learn the topic of each day through both small, focused sample code and creating a piece of larger application.

The book distills the most important topic to learn about React, so you don't have to painstakingly browse the web, looking for pieces of React knowledge to build a fully working application.

The 7 parts will have the following content:

  • Day 1 - React 101, a practical introduction of React fundamentals
  • Day 2 - Routing, how to make navigation works and in sync with Browser URL
  • Day 3 - Form and Input Controls, to learn about accepting, validating, and submitting user inputs
  • Day 4 - React lifecycle functions, to learn the lifecycle of components and their uses
  • Day 5 - Using Firebase as React backend service, to learn how React can interact with backend services
  • Day 6 - Adding Firebase Authentication, to secure your application from anauthorized access
  • Day 7 - Optimizing and deploying, where you will deploy DGBook into Netlify

React Distilled considers your time important, and will actually make you understand how to create a React application from start to finish in one week, not months!

Accompanied with a source code of React project that mirror patterns of React application you'll most likely encounter in your job as a software developer, you'll be able to clearly see React's strength when building reusable and reactive user interfaces. You can view the source code here

By finishing the book and inspecting the code, You'll have a strong grasp of React's fundamental and you'll be able to tackle any React project with confidence!

Table of Contents

React Distilled Table of contents

Buy the book

It's time to finally build your next big thing with React. Let me help you learn it today.

The Complete Package

React Distilled Package
  • 150 pages structured in 7 parts for 7 days
  • PDF, EPUB and MOBI format
  • Small example codes in Codesandbox
  • DGBook source code split in 7 days. You can run locally
Buy now for $49

Just the book

React Distilled Book
  • 150 pages structured in 7 parts for 7 days
  • PDF, EPUB and MOBI format
  • Small example codes in Codesandbox
Buy now for $29

Any requirements before reading the book?

You need to understand the basics of JavaScript such as creating functions, declaring variables, and conditionals. Some ES6 experience will be great, but I will introduce you to the most important ES6 features before I help you master React.

I'm not sure this book is good?

Don't worry, you can download a preview below to see if this book is right for you. Plus, there is a 30-day money back guarantee. If there is anything else you'd like to ask, feel free to email me at

Want to learn more?
Get the free 40-pages preview straight into your inbox ✉️
No Spam. Unsubscribe anytime

Who are you?


Hi there! I'm Nathan Sebhastian and I'm a passionate software developer that loves to write and help fellow developers.

I've been writing code profesionally for 5 years and I've been published on some of the most popular tech publications. You might've seen me in one of those publications:

Nathan's publications

Also, here are some comments from developers who've seen my tutorials on React.

community comments
community comments
community comments
community comments
community comments
community comments