Build a React Application from First Principles

The JavaScript ecosystem is very vibrant and diverse. Because of this, there are a plethora of tools available to do the same task, and we're like Buridan's ass, stuck between two seemingly-equivalent sets of tools, unable to decide which one to commit it.

It is hard enough deciding which tools to use, it's even harder understanding how they all fit together. Too often, we use tools which we don't understand.

In this series, we hope to build a React application from scratch, from first principles. What this means is that we will only introduce a new concept when we need, only use a tool when we need it. This way, you'll understand why we need a tool, how it fits into other tools, not just how to use it.

You can find the repository for this series on GitHub.

Table of Contents

Each article in the series will build on top of whatever is built / explained from previous articles. However, if you are just interested in a certain topic, you can always download the code from the previous article and follow along.

  1. Introduction
  2. What is React?
  3. Hello World - [GitHub]
  4. JSX - [GitHub]
  5. Handling Events - [GitHub]
  6. Props and States - [GitHub]
  7. Firebase Integration - [GitHub]
  8. Modules with SystemJS - [GitHub]
  9. Webpack - [GitHub]
  10. ECMAScript 2015 - [GitHub]
  11. Improving Workflow - [GitHub]
  12. More to follow!

Daniel Li

Full-stack Web Developer in Hong Kong. Founder of Brew.

Hong Kong