Suspense | BestHub

Rare Earth Juejin Tech Community

Dec 21, 2024 · Frontend Development

Understanding the New “use” Hook in React 19 and Its Impact on UI Development

This article introduces React 19’s new use hook that reduces reliance on useEffect, explains how to work with resolved promises, demonstrates conditional usage and integration with Suspense through detailed code examples, and discusses practical considerations when using the hook in modern frontend projects.

JavaScriptPromisesReact

0 likes · 9 min read

Understanding the New “use” Hook in React 19 and Its Impact on UI Development

IT Services Circle

Jun 26, 2024 · Frontend Development

React 19’s Change to Suspense Parallel Rendering and Its Performance Impact

The article explains how React 19 silently altered Suspense behavior by disabling parallel rendering of sibling components, turning data fetching into a waterfall pattern, which caused significant performance regressions for many sites, sparked community backlash, and was eventually rolled back after extensive discussion.

DataFetchingPerformanceReact

0 likes · 6 min read

React 19’s Change to Suspense Parallel Rendering and Its Performance Impact

Rare Earth Juejin Tech Community

Jun 18, 2024 · Frontend Development

React 19 New Features: use API, Preload API, Actions, Optimistic Updates, and React Compiler

This article introduces the new React 19 APIs—including the versatile use API for data fetching and conditional context, resource preloading helpers, enhanced Actions with useTransition, useActionState, useFormState, useOptimistic, as well as deprecations, improved hydrate error messages, and the experimental React Compiler—providing code examples and migration guidance.

ReactReact CompilerSuspense

0 likes · 17 min read

React 19 New Features: use API, Preload API, Actions, Optimistic Updates, and React Compiler

ByteFE

Oct 18, 2023 · Frontend Development

Using React’s Built‑in Features to Handle Loading and Error States with Promises

This article explains how to display loading and error states in React by passing Promise objects through props, context, or state libraries, leveraging Suspense, ErrorBoundary, and custom hooks such as usePromise and use to simplify asynchronous UI patterns while avoiding unnecessary re‑renders and side‑effects.

Error BoundaryLoading StatePromise

0 likes · 13 min read

Using React’s Built‑in Features to Handle Loading and Error States with Promises

ByteFE

Mar 20, 2023 · Frontend Development

Understanding the Proposed React “use” Hook: Design, Usage, and Limitations

This article explains the new React "use" hook proposal, covering its background, how to integrate it with Suspense, minimal examples, promise caching, control‑flow usage, design motivations, implementation details, limitations, and the surrounding community debate.

JavaScriptPromiseReact

0 likes · 12 min read

Understanding the Proposed React “use” Hook: Design, Usage, and Limitations

ByteDance Web Infra

Dec 16, 2022 · Frontend Development

Understanding React 18 Streaming SSR and Selective Hydration

React 18 introduces Streaming SSR, allowing the server to send HTML in chunks and perform selective hydration, which improves performance by rendering ready sections early and handling asynchronous components via Suspense, with detailed examples of code implementation, error handling, and JS/CSS integration.

Code SplittingReactSelective Hydration

0 likes · 25 min read

Understanding React 18 Streaming SSR and Selective Hydration

Laravel Tech Community

Mar 31, 2022 · Frontend Development

React 18 Released: New Features Including Automatic Batching, Transitions, and Enhanced Suspense Support

React 18 has been officially released, introducing automatic batching, a new startTransition API, expanded Suspense capabilities, updated client‑server rendering APIs, and stricter mode behaviors, all built on a concurrent rendering engine that aims to change how developers build modern web applications.

Automatic BatchingReactReact18

0 likes · 5 min read

React 18 Released: New Features Including Automatic Batching, Transitions, and Enhanced Suspense Support

ByteDance ADFE Team

Feb 28, 2022 · Frontend Development

Understanding Recoil’s Asynchronous Data Flow and Loading Handling

This article explains how Recoil implements asynchronous data streams, detailing the underlying data‑flow architecture, the role of atoms and selectors, the lifecycle of async loading states, and two approaches for handling loading—manual useRecoilValueLoadable and automatic React.Suspense integration—accompanied by illustrative code examples.

AsyncReactRecoil

0 likes · 10 min read

Understanding Recoil’s Asynchronous Data Flow and Loading Handling

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

ByteFE

Apr 13, 2021 · Frontend Development

Streaming Server‑Side Rendering in React: Concepts, lazy, Suspense, and Implementation

This article explains the principles of streaming server‑side rendering (SSR) in React, compares it with traditional client‑side rendering, and demonstrates how lazy loading and Suspense can be used together with streaming SSR to parallelize data and JavaScript delivery for faster first‑paint and improved user experience.

LazyPerformanceReact

0 likes · 10 min read

Streaming Server‑Side Rendering in React: Concepts, lazy, Suspense, and Implementation

政采云技术

May 24, 2020 · Frontend Development

React.lazy and Suspense: Dynamic Component Loading and Error Handling in Frontend Development

This article explains how React.lazy and Suspense enable on‑demand component loading, describes the underlying webpack dynamic import mechanism, shows how to configure fallback UI and error boundaries, and provides practical code examples for modern frontend performance optimization.

Error BoundaryLazyReact

0 likes · 13 min read

React.lazy and Suspense: Dynamic Component Loading and Error Handling in Frontend Development

Qunar Tech Salon

Dec 26, 2018 · Frontend Development

Using React.lazy and Suspense for Code Splitting and Lazy Loading

This article explains how React 16.6 introduced React.lazy and Suspense to simplify component code splitting and lazy loading, discusses why code splitting is needed, demonstrates dynamic import() usage, compares React-loadable with the built‑in APIs, and shows advanced patterns such as nested Suspense boundaries.

Code SplittingReactReact.lazy

0 likes · 9 min read

Using React.lazy and Suspense for Code Splitting and Lazy Loading

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 ModeJavaScriptReact

0 likes · 13 min read

React 16 Roadmap: Upcoming Features and Release Timeline