Memo | BestHub

DaTaobao Tech

Sep 4, 2024 · Frontend Development

Best Practices for Component Design and Encapsulation in React

The article outlines React component design best practices by distinguishing generic UI components from business‑specific ones, separating UI and domain state, extracting reusable base components, applying patterns such as state lifting, context, memoization, and type‑safe props, and providing a checklist for clean encapsulation.

Component DesignDDDEncapsulation

0 likes · 10 min read

Best Practices for Component Design and Encapsulation in React

Rare Earth Juejin Tech Community

May 13, 2024 · Frontend Development

React Rendering Performance Optimization: Case Study and Practical Techniques

This article explains common React performance‑optimization methods, walks through a real‑world form‑editor use case, details the profiling, diagnosis, and step‑by‑step improvements—including memoization, callback stabilization, diff filtering, and pure‑function components—that reduced render time from 195 ms to under 10 ms.

MemoPerformance Optimizationfrontend

0 likes · 20 min read

React Rendering Performance Optimization: Case Study and Practical Techniques

ByteFE

Dec 14, 2022 · Frontend Development

Understanding React Performance Optimization: Update Process, Bailout, and Memoization Strategies

This article explains React's internal update loop, the render and commit phases, default bailout optimizations, and how developers can accelerate rendering using techniques such as state lifting, content lifting, React.memo, useMemo, and useCallback while avoiding over‑optimization.

BailoutMemoPerformance Optimization

0 likes · 17 min read

Understanding React Performance Optimization: Update Process, Bailout, and Memoization Strategies