React 101 — Build a React project from scratch, Part One

Tony
5 min readJul 14, 2024

In the past decade, software development frameworks have become easier to get started with compared to those at the beginning of this century. One important reason for this is that excellent frameworks provide scaffolding or boilerplate projects to help developers start quickly.

Many React developers, not just beginners but also some intermediate ones, have started with Create React App (CRA), which is an open-source project from Facebook (Meta).

In this article, let’s develop a React Kanban application. The Kanban here refers to the Kanban board used in agile development. As shown in the prototype below, it is a simple example:

Although scaffolding tools can save us a lot of work, we still need to have the basic frontend development environment, which includes Node.js. If you already have Node.js installed on your computer, you can skip this step and get started right away.

Since Node.js versions upgrade very quickly, it is best to use a Node version management tool during installation. The most popular one is nvm, which is based on shell and works well on macOS and Linux, but unfortunately, it doesn’t…

--

--