Tag

Context API

0 views collected around this technical thread.

Sohu Tech Products
Sohu Tech Products
Feb 19, 2025 · Frontend Development

Comprehensive Guide to React State Management

This guide explains React state management fundamentals, covering local state with useState, useReducer, class components, and custom hooks; global solutions such as Context API, Zustand, Jotai, and Redux; and server‑side handling using React Query, SWR, plus navigation and form state best practices.

Context APICustom HooksForms
0 likes · 30 min read
Comprehensive Guide to React State Management
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Feb 6, 2025 · Frontend Development

Component Communication in React 18 and Vue 3: Parent‑Child, Sibling, and Cross‑Level Patterns

This article compares React 18 and Vue 3 component communication techniques—including parent‑child, sibling, and cross‑level patterns—provides detailed code examples for props, emit, context, provide/inject, and summarizes their respective advantages and use cases in modern web development.

Context APIJavaScriptVue
0 likes · 13 min read
Component Communication in React 18 and Vue 3: Parent‑Child, Sibling, and Cross‑Level Patterns
Sohu Tech Products
Sohu Tech Products
Jan 22, 2025 · Frontend Development

Comprehensive Guide to State Management in React

This guide explains React’s various state types—local, class, global, navigation, form, and persistent—showing how to manage each with built‑in hooks, Context, libraries such as Zustand, Jotai, React Query, SWR, React Router, TanStack Router, React Hook Form, Formik, and persistence tools like localStorage and redux‑persist.

Context APIForm HandlingHooks
0 likes · 36 min read
Comprehensive Guide to State Management in React
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Oct 17, 2023 · Frontend Development

Comprehensive React Query Tutorial: Managing Server and Client State in React

This tutorial introduces React Query (TanStack Query), explains its motivation, demonstrates how to manage client and server state in React using hooks, Context, useReducer, and provides best practices for caching, optimistic updates, reducing duplicate requests, and performance optimization techniques.

Context APIReact QueryTanStack Query
0 likes · 17 min read
Comprehensive React Query Tutorial: Managing Server and Client State in React
LOFTER Tech Team
LOFTER Tech Team
Apr 6, 2022 · Frontend Development

State Management in React: From Redux to Unstated‑Next, Constate, Zustand, Jotai and Valtio

This article reviews the evolution of React state‑management solutions, comparing classic Redux with modern Hook‑based libraries such as Unstated‑Next, Constate, Zustand, Jotai and Valtio, explains core concepts like algebraic effects, context duplication, and provides practical code examples and performance tips.

Context APIHooksRedux
0 likes · 21 min read
State Management in React: From Redux to Unstated‑Next, Constate, Zustand, Jotai and Valtio
Architects Research Society
Architects Research Society
Nov 4, 2020 · Frontend Development

React as a State Management Library: Best Practices and Patterns

This article explains how React can serve as a complete state‑management solution by using hooks, lifting state, component composition, the Context API, and optional libraries, while also covering performance tips, server‑cached versus UI state, and when to adopt external tools.

Context APIHooksPerformance
0 likes · 15 min read
React as a State Management Library: Best Practices and Patterns
360 Tech Engineering
360 Tech Engineering
Dec 26, 2019 · Frontend Development

Developing Chimee Video Player Plugins with React: A Practical Guide

This article explains how to develop extensible Chimee H5 video player plugins using React, covering plugin specifications, code examples, integration of React components via Context, event handling, and strategies for managing asynchronous behavior and plugin ordering.

ChimeeContext APIEvent Handling
0 likes · 9 min read
Developing Chimee Video Player Plugins with React: A Practical Guide
Qunar Tech Salon
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 APIHooksJavaScript
0 likes · 9 min read
Key New Features and Architectural Changes in React 16