How to Build a React Project from Scratch: Architecture, Tools, and Best Practices

This article walks through creating a React application without scaffolding tools, detailing the project directory layout, chosen tech stack—including React, Redux, Immutable.js, redux‑saga, and axios—along with development utilities like redux‑devtools and Reactotron, component organization, routing strategies, state persistence, and asynchronous task management.

Debugging ToolsFrontend ArchitectureImmutable.js

0 likes · 33 min read

How to Build a React Project from Scratch: Architecture, Tools, and Best Practices

Hujiang Technology

Jan 10, 2017 · Frontend Development

Scaling React Applications: Containers vs Components, Feature‑Based Code Organization, CSS Modules, PostCSS Auto Reset, and Redux‑Saga

This article shares lessons learned from releasing React Boilerplate 3.0, covering the importance of front‑end scalability, the distinction between container and presentational components, feature‑based code organization, CSS Modules and PostCSS Auto Reset for style isolation, and using redux‑saga for readable, testable asynchronous flows.

CSS ModulesFrontend ArchitectureReact

0 likes · 9 min read

Scaling React Applications: Containers vs Components, Feature‑Based Code Organization, CSS Modules, PostCSS Auto Reset, and Redux‑Saga