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

Tony
5 min readJul 15, 2024

In my last article, I showed you how to use fnm for Node.js version management and how to use the CRA command to create the buleprint React App. In this article, we will modify the blueprint application and create our own Kanban React application!

Project Dive In

Currently, most of the files in this project are automatically generated by CRA. For now, we won’t delve into the purpose of these files and code; instead, we’ll focus on the src/App.js and src/App.css source files.

Some novice frontend developers, when given a prototype or visual draft, may feel overwhelmed and unsure where to start. When they focus on a specific feature, they might get bogged down in the details and neglect the bigger picture.

For React application development, a similar approach can be used: from the whole to the parts, from simple to complex, from view to interaction, and from data to logic.

--

--