21CTO
21CTO
Jan 11, 2018 · Frontend Development

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
Aotu Lab
Aotu Lab
Jul 8, 2016 · Frontend Development

Building a Cross‑Platform Gulp UI with Electron, React, Redux, and Immutable.js

feWorkflow replaces the original gulp‑ui by leveraging Electron to run a bundled gulpfile, while React, Redux, and Immutable.js provide a modern UI and state management, and Webpack compiles ES6 code; the article details the architecture, setup, key features, and code examples for this desktop workflow tool.

GulpImmutable.jsRedux
0 likes · 18 min read
Building a Cross‑Platform Gulp UI with Electron, React, Redux, and Immutable.js
21CTO
21CTO
Jun 16, 2016 · Frontend Development

Mastering React Performance: Real-World Optimizations for Mobile Apps

This article shares practical React performance‑optimization techniques—such as using the Virtual DOM wisely, integrating Immutable.js, fine‑tuning shouldComponentUpdate, and applying code‑splitting and Redux data management—to dramatically improve first‑paint time and interaction smoothness on mobile web applications.

Immutable.jsReActRedux
0 likes · 21 min read
Mastering React Performance: Real-World Optimizations for Mobile Apps
21CTO
21CTO
Jun 9, 2016 · Frontend Development

How We Optimized React for Mobile: Lessons from HandQ School Group Refactor

This article details the challenges and solutions encountered while refactoring the HandQ school‑group web app with React, covering React's core features, performance pitfalls, the use of Immutable.js and pure‑render decorators, build‑tool choices, and concrete optimization tips that yielded measurable speed gains.

Immutable.jsReActRedux
0 likes · 20 min read
How We Optimized React for Mobile: Lessons from HandQ School Group Refactor