Tagged articles
26 articles
Page 1 of 1
Code Mala Tang
Code Mala Tang
Oct 6, 2025 · Frontend Development

Why the ‘use client’ Directive Is a Game‑Changer for React Apps

This article explains how the ‘use client’ directive in Next.js 13 transforms component rendering by separating server and client code, enabling fine‑grained performance optimizations, clearer architecture, and a new full‑stack development model for modern React applications.

Next.jsReactServer Components
0 likes · 17 min read
Why the ‘use client’ Directive Is a Game‑Changer for React Apps
HomeTech
HomeTech
Aug 21, 2025 · Frontend Development

Unlock React 18 & 19: Core New Features and How to Use Them

This article explains React 18’s automatic batching, concurrent mode, new hooks, and root API changes, then dives into React 19’s server components, actions, optimistic updates, resource preloading, and native document metadata support, providing code examples for each feature.

ActionsAuto BatchingConcurrent Mode
0 likes · 13 min read
Unlock React 18 & 19: Core New Features and How to Use Them
KooFE Frontend Team
KooFE Frontend Team
May 3, 2025 · Frontend Development

How Do ‘use client’ and ‘use server’ Transform React’s Module System?

This article explains the purpose and mechanics of the new React directives ‘use client’ and ‘use server’, showing how they let developers express client‑server boundaries directly in the module system, turn server functions into type‑safe RPC calls, and embed client components as scripts for seamless full‑stack integration.

ReactServer Componentsmodule system
0 likes · 14 min read
How Do ‘use client’ and ‘use server’ Transform React’s Module System?
ByteDance Web Infra
ByteDance Web Infra
Jan 7, 2025 · Frontend Development

Practical Guide to Building React Server Components (RSC) and Server Actions with Webpack and Turbopack

This article explains the concepts, rendering strategies, and bundling processes of React Server Components and Server Actions, detailing how Webpack and Turbopack handle module boundaries, code splitting, CSS, SSR, HMR, and how a single compilation can produce both server and client bundles efficiently.

ReactServer ActionsServer Components
0 likes · 30 min read
Practical Guide to Building React Server Components (RSC) and Server Actions with Webpack and Turbopack
21CTO
21CTO
Aug 22, 2024 · Frontend Development

Is React Turning Into a Full‑Stack Framework? What You Need to Know

The article explores how React has evolved with server components, server actions, and TypeScript to bridge front‑end and back‑end development, discusses the shift from CSR to SSR, and examines the impact of tRPC and generated type interfaces on modern web engineering.

ReactServer ComponentsTypeScript
0 likes · 7 min read
Is React Turning Into a Full‑Stack Framework? What You Need to Know
Goodme Frontend Team
Goodme Frontend Team
Mar 25, 2024 · Frontend Development

Mastering React Forms: When to Use Controlled vs Uncontrolled Components

This article explains modern best practices for building forms in React, compares controlled and uncontrolled approaches, shows how to mix them, discusses server‑side components, validation, error handling, and recommends using FormData over useRef for cleaner, more performant code.

Controlled ComponentsFormsReact
0 likes · 16 min read
Mastering React Forms: When to Use Controlled vs Uncontrolled Components
IT Services Circle
IT Services Circle
Dec 27, 2023 · Frontend Development

Nuxt.js 3.9 Release Highlights: Vite 5, Vue 3.4, Interactive Server Components, New Loading API and More

The Nuxt.js 3.9 update, released on December 25, introduces Vite 5 and Rollup 4 support, Vue 3.4 compatibility, experimental interactive server components, a new loading indicator API, a callOnce utility, refined error types, performance tweaks, and an easy upgrade command for developers.

Loading APINuxtServer Components
0 likes · 6 min read
Nuxt.js 3.9 Release Highlights: Vite 5, Vue 3.4, Interactive Server Components, New Loading API and More
Sohu Tech Products
Sohu Tech Products
Nov 22, 2023 · Frontend Development

How Does Next.js v14 Implement React Server Components (RSC)?

This article explains the origins of React Server Components, how Next.js v14 integrates RSC and App Router, the three release channels (Latest, Canary, Experimental), and provides step‑by‑step guidance for using RSC both inside and outside of Next.js with code examples and webpack configuration.

Next.jsRSCReact
0 likes · 9 min read
How Does Next.js v14 Implement React Server Components (RSC)?
KooFE Frontend Team
KooFE Frontend Team
Jul 20, 2023 · Frontend Development

How React 18’s Concurrent Features Supercharge App Performance

React 18 introduces concurrent rendering, transitions, Suspense, and Server Components, which together reduce long tasks, lower total blocking time, and improve user interaction by allowing non‑urgent updates to run in the background, ultimately delivering smoother, more responsive web applications.

Concurrent RenderingReactServer Components
0 likes · 20 min read
How React 18’s Concurrent Features Supercharge App Performance
KooFE Frontend Team
KooFE Frontend Team
Oct 31, 2022 · Frontend Development

How React’s New ‘use’ Hook Simplifies Promise Handling in Server and Client Components

React’s newly proposed use hook lets developers consume promises directly in client components and conditionally in loops or blocks, while server components continue to use async/await, offering a unified yet flexible data‑fetching primitive that integrates seamlessly with the JavaScript ecosystem.

Client ComponentsPromiseReact
0 likes · 11 min read
How React’s New ‘use’ Hook Simplifies Promise Handling in Server and Client Components
Alibaba Terminal Technology
Alibaba Terminal Technology
Jul 6, 2022 · Frontend Development

Inside React Labs’ June 2022 Updates: Server Components, Offscreen, and New Docs

The June 2022 React Labs post reveals ongoing experiments such as Server Components, asset loading deduplication, static server‑rendering optimizations, a new optimizing compiler with a Playground, the Offscreen API, transition tracing tools, and a revamped documentation site focused on hooks and performance.

DocumentationOffscreenReact
0 likes · 14 min read
Inside React Labs’ June 2022 Updates: Server Components, Offscreen, and New Docs
Alibaba Terminal Technology
Alibaba Terminal Technology
May 11, 2022 · Frontend Development

How React Server Components May Transform Frontend Development

This article examines the emerging React Server Components feature, explains the limitations of traditional API‑driven front‑end/back‑end separation, and outlines how server‑rendered components can reduce bundle size, eliminate request waterfalls, and lower collaboration costs for modern web applications.

APIReactServer Components
0 likes · 14 min read
How React Server Components May Transform Frontend Development
Alipay Experience Technology
Alipay Experience Technology
Apr 18, 2022 · Frontend Development

Master React 18: Unlock Concurrent Mode, Automatic Batching, Streaming SSR and New Hooks

This article provides a hands‑on, example‑driven guide to React 18’s major upgrades—including Concurrent Mode, startTransition, automatic batching, streaming server‑side rendering, server components, OffScreen support, and the new hooks—explaining how they work and how to adopt them in real projects.

Automatic BatchingConcurrent ModeNew Hooks
0 likes · 16 min read
Master React 18: Unlock Concurrent Mode, Automatic Batching, Streaming SSR and New Hooks
ByteFE
ByteFE
Aug 14, 2021 · Frontend Development

Interview with Dan Abramov on React Server Components, Vue Comparison, and Frontend Architecture

In this extensive interview, Dan Abramov discusses the purpose and advantages of React Server Components, compares React with Vue, explains type‑checking choices, addresses emerging frameworks, rendering strategies, React's role as a library versus a system, and shares advice on learning, maintaining, and staying passionate about React development.

Next.jsReactServer Components
0 likes · 29 min read
Interview with Dan Abramov on React Server Components, Vue Comparison, and Frontend Architecture
Ctrip Technology
Ctrip Technology
Aug 5, 2021 · Frontend Development

Understanding React Server Components: Concepts, Usage, and Implementation

This article explains the motivation, component types, naming conventions, runtime mechanism, streaming protocol, design goals, and practical considerations of React Server Components, illustrating how they reduce client bundle size and enable progressive server‑side rendering with code examples.

Code SplittingReactSSR
0 likes · 15 min read
Understanding React Server Components: Concepts, Usage, and Implementation
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 ModeReactServer Components
0 likes · 44 min read
Dan’s Live Interview on React Core: State Management, Hooks, Concurrent Mode, and Future Directions
ByteFE
ByteFE
Feb 2, 2021 · Frontend Development

React Server Components: A Technical Analysis

React Server Components propose a solution to React's data-fetching performance issues by separating components into server-side and client-side types, but face challenges like increased server costs and developer complexity.

ReactServer ComponentsTechnical Analysis
0 likes · 7 min read
React Server Components: A Technical Analysis