state-management

Rare Earth Juejin Tech Community

May 1, 2025 · Frontend Development

Comprehensive Overview of Modern Frontend Development Frameworks, Tools, and Ecosystems

This article provides a detailed comparison of current frontend frameworks, styling solutions, build tools, package managers, state‑management libraries, JavaScript runtimes, and cross‑platform development options, highlighting their origins, key features, official sites, GitHub statistics, and practical trade‑offs for developers.

Build ToolsFrameworksStyling

0 likes · 17 min read

Comprehensive Overview of Modern Frontend Development Frameworks, Tools, and Ecosystems

Rare Earth Juejin Tech Community

Apr 26, 2025 · Frontend Development

Decentralized Micro‑Frontend Architecture with Vite Module Federation in Vue 3

This article explains how to build a decentralized micro‑frontend system for Vue 3 using the Vite‑based @originjs/vite-plugin-federation, covering architecture concepts, configuration, dynamic module loading, shared routing, state management with Pinia, and deployment strategies, complete with code examples.

Vue3dynamic loadingfrontend

0 likes · 15 min read

Decentralized Micro‑Frontend Architecture with Vite Module Federation in Vue 3

Nightwalker Tech

Apr 17, 2025 · Artificial Intelligence

LangGraph Explained: Advanced AI Workflow Framework and Hands‑On Guide

This article introduces LangGraph, the next‑generation framework built on LangChain for constructing complex, stateful AI applications, compares it with LangChain, showcases real‑world deployments, and provides a step‑by‑step Python tutorial for building a smart customer‑service chatbot with looped reasoning, tool integration, and human‑in‑the‑loop support.

AI WorkflowChatbotLangChain

0 likes · 20 min read

LangGraph Explained: Advanced AI Workflow Framework and Hands‑On Guide

Sohu Tech Products

Apr 9, 2025 · Frontend Development

React Compound Components Pattern: A Complete Guide

The article introduces the React Compound Components pattern, showing how a parent component with shared Context can expose reusable child parts—like Title, FormInputs, and SubmitButtons—so the same logic can be flexibly arranged in different layouts such as full‑page or modal, improving reuse, readability, and maintainability.

Component Design PatternCompound ComponentsJavaScript

0 likes · 11 min read

React Compound Components Pattern: A Complete Guide

Code Mala Tang

Mar 19, 2025 · Frontend Development

When useState Becomes a Trap: Why useReducer Is the Better Choice

This article explains why overusing useState in complex React components can lead to tangled code and bugs, and demonstrates how switching to useReducer provides a single source of truth, clearer actions, and more maintainable state management.

HooksReactfrontend

0 likes · 12 min read

When useState Becomes a Trap: Why useReducer Is the Better Choice

Sohu Tech Products

Mar 12, 2025 · Mobile Development

Riverpod Annotations Explained: Code Generation and Advanced Usage in Flutter

Riverpod annotations streamline Flutter state management by using build_runner to generate provider code, where @riverpod on functions creates Provider, FutureProvider, or StreamProvider based on return type, on classes creates NotifierProvider, supports Family‑pattern parameters, keepAlive, dependencies, and produces helper classes for auto‑dispose and scoped overrides.

AnnotationsFamilyFlutter

0 likes · 13 min read

Riverpod Annotations Explained: Code Generation and Advanced Usage in Flutter

Rare Earth Juejin Tech Community

Mar 8, 2025 · Frontend Development

Introducing useWatchFields: A Vue 3 Custom Hook for Efficient Field Watching

This article presents the Vue 3 custom hook useWatchFields, which lets developers monitor specific fields of a large reactive state object with flexible, lightweight, and optionally debounced change detection, simplifying code compared to traditional watch and computed APIs.

Custom HookVueWatch

0 likes · 7 min read

Introducing useWatchFields: A Vue 3 Custom Hook for Efficient Field Watching

Tencent Cloud Developer

Mar 6, 2025 · Frontend Development

Data‑Driven Front‑End Development: Embracing a New Paradigm in the AI Era

The article refutes the “frontend is dead” myth by showing that modern front‑end engineering is moving from a UI‑first approach to a data‑driven paradigm—using layered atomic, computed, and view models—to improve testability, efficiency, and AI‑assisted development, as demonstrated through practical Vue examples and a gray‑release case study.

AIVuedata-driven

0 likes · 13 min read

Data‑Driven Front‑End Development: Embracing a New Paradigm in the AI Era

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

Feb 14, 2025 · Frontend Development

Vue API Beginner's Guide: Core Concepts, Practical Cases, and Best Practices

This comprehensive tutorial introduces Vue.js core APIs—including component creation, reactive data handling, lifecycle hooks, routing, and state management—illustrates their use through e‑commerce cart and social feed examples, and provides performance tips and common pitfalls for front‑end developers.

Component APIJavaScriptRouter

0 likes · 25 min read

Vue API Beginner's Guide: Core Concepts, Practical Cases, and Best Practices

Rare Earth Juejin Tech Community

Feb 9, 2025 · Frontend Development

A Comprehensive Guide to Using Pinia for State Management in Vue 3

This article explains why Pinia is a lightweight alternative to Vuex, shows how to install and configure Pinia in a Vue project, demonstrates both option‑store and setup‑store definitions, covers state, getters, actions, destructuring techniques, built‑in helpers like $reset, $patch, $state, $subscribe, and introduces persistence with pinia‑plugin‑persistedstate.

JavaScriptPiniaVue

0 likes · 9 min read

A Comprehensive Guide to Using Pinia for State Management in Vue 3

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

Sohu Tech Products

Jan 15, 2025 · Mobile Development

Separating Business Logic from UI in Flutter: AsyncNotifier‑Based Authentication Flow

The article shows how to keep Flutter UI code clean by moving authentication logic into an AsyncNotifier controller that interacts with an AuthRepository, letting the SignInScreen watch AsyncValue states for loading, success, and errors, thus improving testability and maintainability.

AsyncNotifierAuthenticationFlutter

0 likes · 11 min read

Separating Business Logic from UI in Flutter: AsyncNotifier‑Based Authentication Flow

Rare Earth Juejin Tech Community

Jan 12, 2025 · Frontend Development

Understanding Reactive Data in Vue 3: Using ref and reactive

This article explains Vue 3's reactive data system, detailing how ref and reactive create responsive state for primitive values and objects, demonstrates code examples, compares their return types and usage, and offers guidance on choosing the appropriate API for different scenarios.

JavaScriptReactiveVue.js

0 likes · 9 min read

Understanding Reactive Data in Vue 3: Using ref and reactive

Rare Earth Juejin Tech Community

Jan 10, 2025 · Frontend Development

Deep Dive into Umi's useModel: Usage, Optimization, and Source Code Analysis

This article explores Umi's useModel lightweight state management solution, covering basic usage, performance optimizations with selectors, custom hooks, Babel plugin automation, and an in‑depth source code analysis, while also discussing its drawbacks and practical considerations for frontend projects.

BabelReactUmi

0 likes · 24 min read

Deep Dive into Umi's useModel: Usage, Optimization, and Source Code Analysis

Rare Earth Juejin Tech Community

Jan 2, 2025 · Frontend Development

Understanding VueUse's createGlobalState and effectScope: A Comparison with Simple Closure Implementation

This article explains how VueUse's createGlobalState leverages Vue's effectScope to provide global state sharing across components, compares it with a straightforward closure approach, and discusses the practical implications of using effectScope for dependency collection and cleanup in frontend development.

VuecreateGlobalStateeffectScope

0 likes · 8 min read

Understanding VueUse's createGlobalState and effectScope: A Comparison with Simple Closure Implementation

DataFunTalk

Dec 25, 2024 · Databases

Applying RisingWave to Real-Time Feature Engineering: Architecture, Capabilities, and Use Cases

This article introduces RisingWave, an open‑source streaming database, and explains how its SQL‑based interface, compute‑storage separation, UDF support, and materialized views enable efficient real‑time feature engineering, state management, and diverse downstream applications, including the enhancements in RisingWave 2.0.

Materialized ViewsReal-time Feature EngineeringRisingWave

0 likes · 17 min read

Applying RisingWave to Real-Time Feature Engineering: Architecture, Capabilities, and Use Cases

Sohu Tech Products

Dec 11, 2024 · Mobile Development

Flutter Navigator 2.0: Architecture, Implementation, and Practical Applications

Flutter Navigator 2.0 replaces the imperative Navigator 1.0 with a declarative routing system that introduces a Router, RouteInformationProvider, RouteInformationParser, and RouterDelegate, enabling nested routes, cross‑platform URLs, flexible page stack manipulation, and practical implementations such as custom web‑focused navigation solutions.

FlutterNavigator 2.0Web Development

0 likes · 17 min read

Flutter Navigator 2.0: Architecture, Implementation, and Practical Applications

Rare Earth Juejin Tech Community

Dec 1, 2024 · Frontend Development

Migrating a Vue2 Project to Vue3 with Pinia and Composition API

This article details a step‑by‑step migration from Vue 2 to Vue 3, emphasizing the use of the latest Vue 3 version, TypeScript typings, replacing mixins with composition functions, adopting Pinia for state management, and demonstrating how to share and protect reactive state with composition APIs.

Composition APIPiniaTypeScript

0 likes · 8 min read

Migrating a Vue2 Project to Vue3 with Pinia and Composition API

Airbnb Technology Team

Nov 12, 2024 · Mobile Development

Trio Architecture: Building a Compose‑Based Android Framework on Mavericks

Airbnb’s Android team introduced Trio, a Compose‑only framework built atop the Mavericks state‑management library that replaces Fragment‑based navigation with type‑safe, modular page routing, ViewModel‑driven state, compile‑time validation, and dedicated developer tools, now powering the majority of the app’s screens.

AndroidJetpack ComposeMavericks

0 likes · 15 min read

Trio Architecture: Building a Compose‑Based Android Framework on Mavericks