Tag

Concurrent Mode

0 views collected around this technical thread.

ByteFE
ByteFE
May 24, 2023 · Frontend Development

Design, Implementation, and Performance Benefits of a New React Hook for Controlling Flow

This article analyses the conceptual design, possible implementation, and performance advantages of a new React Hook that can be called inside control flow, discusses its future extensions such as usePromise, lazy subscription, and integration with concurrent mode, and provides practical code examples.

Concurrent ModeHookPerformance
0 likes · 13 min read
Design, Implementation, and Performance Benefits of a New React Hook for Controlling Flow
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
May 5, 2022 · Frontend Development

React 18 New Features, Upgrade Guide, and API Changes

This article provides a comprehensive overview of React 18, covering its release timeline, migration steps, new APIs such as the root API, useId, useSyncExternalStore and useInsertionEffect, automatic state batching, flushSync, updated Strict Mode and Suspense behavior, concurrent mode concepts, and practical code examples for developers upgrading from React 17.

Concurrent ModeReactReact 18
0 likes · 22 min read
React 18 New Features, Upgrade Guide, and API Changes
IT Services Circle
IT Services Circle
Mar 19, 2022 · Frontend Development

Understanding State Updates and Rendering Behavior in React 18 Concurrent Mode

This article explains how React 18's concurrent mode changes state calculation and rendering by introducing update priorities, showing how multiple state updates are batched, how low‑priority updates can be skipped, and why the new scheduler reduces unnecessary renders while preserving final results.

Concurrent ModeReactReact18
0 likes · 8 min read
Understanding State Updates and Rendering Behavior in React 18 Concurrent Mode
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Oct 21, 2021 · Frontend Development

Why React Rewrote Its Architecture: Inside Fiber and Concurrent Mode

This article explains how React's shift from the legacy stack reconciler to the Fiber architecture and the introduction of Concurrent Mode address UI jank by slicing work, prioritizing updates, and enabling interruptible rendering, ultimately improving performance and responsiveness.

Concurrent ModeFiberPerformance
0 likes · 14 min read
Why React Rewrote Its Architecture: Inside Fiber and Concurrent Mode
TikTok Frontend Technology Team
TikTok Frontend Technology Team
Oct 15, 2021 · Frontend Development

React Runtime Optimization: From React 15 to 18 – Architecture, Scheduling, and New Features

This article provides a comprehensive overview of React's runtime optimization strategies across versions 15 to 18, explaining the evolution of its architecture, the introduction of Fiber, concurrent rendering, scheduling, priority lanes, and new APIs such as Suspense, startTransition, and useDeferredValue, while including detailed code excerpts and practical insights for developers.

Concurrent ModeFiberReact
0 likes · 35 min read
React Runtime Optimization: From React 15 to 18 – Architecture, Scheduling, and New Features
ByteDance Web Infra
ByteDance Web Infra
Jul 12, 2021 · Frontend Development

Dan’s Live Interview on React Core: State Management, Hooks, Concurrent Mode, and Future Directions

In this extensive live interview, React core maintainer Dan discusses his programming origins, the philosophy behind React state management and Hooks, practical advice for newcomers, the challenges of Concurrent Mode and Server Components, and his vision for React’s evolution and competitiveness.

Concurrent ModePerformanceReact
0 likes · 44 min read
Dan’s Live Interview on React Core: State Management, Hooks, Concurrent Mode, and Future Directions
NetEase Cloud Music Tech Team
NetEase Cloud Music Tech Team
Aug 11, 2020 · Frontend Development

Understanding React Fiber Architecture: Reconciliation, Scheduling, and Commit Phases

React Fiber replaces the old Stack Reconciler with a linked‑list of Fiber nodes that enable incremental, pause‑and‑resume rendering, priority scheduling, and a three‑step commit phase, allowing smoother asynchronous updates, better performance, and the foundation for Concurrent Mode and Suspense.

Concurrent ModeFiberReact
0 likes · 23 min read
Understanding React Fiber Architecture: Reconciliation, Scheduling, and Commit Phases
UC Tech Team
UC Tech Team
Nov 28, 2018 · Frontend Development

React 16 Roadmap: Upcoming Features and Release Timeline

This article outlines the React 16 roadmap, detailing the planned release schedule for Suspense code‑splitting, Hooks, Concurrent Mode, data‑fetching Suspense, and related experimental projects, while explaining their current status across React DOM, server rendering, and React Native.

Concurrent ModeReactRoadmap
0 likes · 13 min read
React 16 Roadmap: Upcoming Features and Release Timeline