BestHub
Sign in
Tagged articles
4 articles
Page 1 of 1
KooFE Frontend Team
KooFE Frontend Team
Sep 18, 2022 · Frontend Development

PureComponent vs Hooks: Mastering React Re‑renders and Performance

This article explores how PureComponent and shouldComponentUpdate address unnecessary re‑renders in class components, compares them with functional components and hooks, and provides practical techniques—including React.memo, useCallback, setState updater functions, and refs—to optimize rendering performance in modern React applications.

HooksPerformancePureComponent
0 likes · 20 min read
PureComponent vs Hooks: Mastering React Re‑renders and Performance
QQ Music Frontend Team
QQ Music Frontend Team
Oct 20, 2019 · Frontend Development

When Should You Use Class, Functional, or Pure Components in React?

This article explains the differences between React class components, functional (stateless) components, and PureComponent, shows their source code, discusses shallow equality checks, introduces the memo higher‑order component, and provides practical guidelines for choosing the right component type to improve performance.

Class ComponentFunctional ComponentPureComponent
0 likes · 10 min read
When Should You Use Class, Functional, or Pure Components in React?
转转QA
转转QA
May 29, 2018 · Frontend Development

Performance Analysis and Component Splitting Strategies in React (DVA + Ant Design)

This article examines React rendering performance, explains why excessive re‑renders hurt efficiency, and proposes component‑splitting principles—using PureComponent and ImmutableJS—to achieve high cohesion, low coupling, and optimal update rendering in a DVA‑based frontend project.

Component SplittingDVAImmutableJS
0 likes · 5 min read
Performance Analysis and Component Splitting Strategies in React (DVA + Ant Design)