Why Function Components Had No State Before React 16 and How Hooks Changed That

This article explains why React function components were stateless before version 16, how the introduction of Fiber and the useState hook gave them state, and dives into the internal mechanisms—including renderWithHooks, hook queues, and update scheduling—that make state updates work in modern React.

FiberReactReact16

0 likes · 18 min read

Why Function Components Had No State Before React 16 and How Hooks Changed That

Qunar Tech Salon

Mar 28, 2018 · Frontend Development

Key New Features and Architectural Changes in React 16

This article reviews the major additions and deprecations introduced in React 16, including component array returns, portals, error boundaries, fragments, strict mode, the new context API, createRef/forwardRef, fiber architecture, and async rendering utilities, illustrated with code examples.

Context APIJavaScriptReact

0 likes · 9 min read

Key New Features and Architectural Changes in React 16

Why Function Components Had No State Before React 16 and How Hooks Changed That

Key New Features and Architectural Changes in React 16

Why Function Components Had No State Before React 16 and How Hooks Changed That