BestHub
Sign in
Tagged articles
236 articles
Page 1 of 3
James' Growth Diary
James' Growth Diary
May 5, 2026 · Artificial Intelligence

Deep Dive into LangGraph Swarm: How Agents Transfer Control with the Handoff Mechanism

This article explains the Swarm collaboration model in LangGraph, contrasting it with Supervisor, detailing the handoff tool that atomically updates the active_agent state and routes control, and provides a complete travel‑booking example, custom handoff creation, common pitfalls, and best‑practice tips.

Active AgentHandoffLangGraph
0 likes · 13 min read
Deep Dive into LangGraph Swarm: How Agents Transfer Control with the Handoff Mechanism
James' Growth Diary
James' Growth Diary
May 1, 2026 · Artificial Intelligence

10 Real-World LangGraph Production Pitfalls That Can Crash Your App

The article details ten production‑grade pitfalls encountered when using LangGraph—ranging from misusing thread IDs and unbounded state growth to uncaught tool errors, infinite loops, concurrency conflicts, subgraph field mismatches, HITL timeouts, and misconfigured LangSmith tracing—each illustrated with concrete code, root‑cause analysis, and concrete remediation steps.

AI AgentsCheckpointLLM
0 likes · 14 min read
10 Real-World LangGraph Production Pitfalls That Can Crash Your App
James' Growth Diary
James' Growth Diary
Apr 27, 2026 · Artificial Intelligence

LangGraph Persistence Deep Dive: Checkpoints for Conversation Memory and Resumable Runs

This article explains LangGraph's checkpoint persistence, detailing its data structure, the role of thread_id for multi‑session isolation, the three available checkpointer backends, and how to use checkpoints for conversation memory, resumable workflows, and manual state updates, while highlighting common pitfalls.

CheckpointLangGraphMemorySaver
0 likes · 9 min read
LangGraph Persistence Deep Dive: Checkpoints for Conversation Memory and Resumable Runs
James' Growth Diary
James' Growth Diary
Apr 25, 2026 · Artificial Intelligence

Deep Dive into LangGraph State Management: How Reducer, Annotation, and Channel Relate

LangGraph’s state management hinges on three core concepts—Channel as the storage unit, Annotation as the declarative API for Channels, and Reducer as the pure function that merges updates—understanding their interactions resolves common bugs, enables custom state schemas, and ensures correct concurrent node updates.

ChannelLangGraphReducer
0 likes · 14 min read
Deep Dive into LangGraph State Management: How Reducer, Annotation, and Channel Relate
IT Services Circle
IT Services Circle
Apr 24, 2026 · Artificial Intelligence

What’s the Real Difference Between LLMs and Agents? What Does an Agent Add?

The article explains that the fundamental gap between LLMs and Agents is state: LLMs perform single, stateless inferences, while Agents maintain execution history, intermediate results, and goal tracking to enable multi‑step, dynamic decision‑making, but this brings uncertainty, higher token costs, and debugging challenges.

AgentLLMMulti-step Reasoning
0 likes · 14 min read
What’s the Real Difference Between LLMs and Agents? What Does an Agent Add?
DevOps Coach
DevOps Coach
Apr 19, 2026 · Frontend Development

Why Replacing React with HTMX Boosted Our Team’s Productivity

A senior engineer swapped a server‑rendered CRUD module from React to HTMX, measured build times, PR review speed, and bug rates, and found that simplifying UI interactions to HTTP requests dramatically reduced client‑side state complexity, improved predictability, and empowered junior developers.

HTMXReactState Management
0 likes · 12 min read
Why Replacing React with HTMX Boosted Our Team’s Productivity
DeepHub IMBA
DeepHub IMBA
Mar 28, 2026 · Artificial Intelligence

Designing Core Multi‑Agent Systems: Task Decomposition and Dependency‑Graph Orchestration

The article analyzes how multi‑agent systems emulate human team dynamics through role specialization, structured handoffs, and cross‑validation, detailing the orchestration layer’s responsibilities—task decomposition, dependency‑graph scheduling, routing, and conflict resolution—while exposing common pitfalls, cost concerns, and framework choices.

LLM cost controlOrchestrationState Management
0 likes · 19 min read
Designing Core Multi‑Agent Systems: Task Decomposition and Dependency‑Graph Orchestration
Data Party THU
Data Party THU
Feb 8, 2026 · Artificial Intelligence

How LangGraph Turns Multi‑Agent Workflows into Editable Graphs

This article explains LangGraph's graph‑based design, runtime behavior, state management, checkpoint persistence, and flexible workflow modifications, providing concrete code examples and patterns that illustrate why the framework is well‑suited for complex multi‑agent AI systems.

AILLMLangGraph
0 likes · 14 min read
How LangGraph Turns Multi‑Agent Workflows into Editable Graphs
Data STUDIO
Data STUDIO
Feb 6, 2026 · Artificial Intelligence

Building a Basic Chatbot with LangGraph: Step‑by‑Step AI Agent Tutorial

This article walks through building AI agents with LangGraph in Python, starting with a simple GCD workflow and then creating a memory‑enabled chatbot using GPT‑4o, covering state management, nodes, edges, conditional loops, recursion limits, and visual debugging.

AI AgentsChatbotLLM
0 likes · 18 min read
Building a Basic Chatbot with LangGraph: Step‑by‑Step AI Agent Tutorial
AI Engineering
AI Engineering
Jan 5, 2026 · Artificial Intelligence

Mastering Prompt Engineering for Claude 4.x: Practical Tips and Best Practices

This guide walks through Claude 4.x’s prompt‑engineering principles, from explicit instructions and background context to long‑term reasoning, state tracking, tool usage, response formatting, sub‑agent orchestration, parallel calls, frontend design, and migration considerations, providing concrete examples and code snippets.

AI assistantsClaude 4Prompt Engineering
0 likes · 12 min read
Mastering Prompt Engineering for Claude 4.x: Practical Tips and Best Practices
Node.js Tech Stack
Node.js Tech Stack
Jan 4, 2026 · Frontend Development

Undo Redux? How Boris Cherny’s Undux Redefined State Management

The article revisits Undux, the minimalist state‑management library created by Anthropic’s Claude Code founder Boris Cherny out of frustration with Redux, examines its type‑safe, no‑boilerplate API, compares code snippets with Redux’s workflow, and reflects on its legacy and lessons for modern React development.

ReactReduxState Management
0 likes · 6 min read
Undo Redux? How Boris Cherny’s Undux Redefined State Management
AI Architecture Hub
AI Architecture Hub
Dec 31, 2025 · Artificial Intelligence

Why LangGraph Is the Next‑Generation Framework for LLM Agent Orchestration

This article explains the motivation behind LangGraph, walks through a quick start, details its core syntax and state management, demonstrates conditional branching, parallel execution, tool integration, multi‑agent orchestration, and real‑time monitoring, and finally discusses future directions for the framework.

LLMLangGraphParallel Execution
0 likes · 32 min read
Why LangGraph Is the Next‑Generation Framework for LLM Agent Orchestration
FunTester
FunTester
Dec 24, 2025 · Frontend Development

Avoid Stale State and Race Conditions in React useEffect – Interview‑Ready Tips

This article dissects a common React interview snippet that uses useEffect for data fetching, exposing hidden pitfalls such as component unmount updates, request race conditions, and missing error handling, and then presents a robust solution with cleanup logic and proper error management.

AsynchronousReactState Management
0 likes · 8 min read
Avoid Stale State and Race Conditions in React useEffect – Interview‑Ready Tips
Fun with Large Models
Fun with Large Models
Dec 24, 2025 · Artificial Intelligence

Building an Automatic Email‑Processing Agent with LangGraph 1.0 – A Hands‑On Guide

This tutorial walks through the complete development of an automatic email‑processing agent using LangGraph 1.0, covering scenario analysis, state design, node implementation, graph assembly, and testing with both high‑priority bug reports and routine greeting emails, while demonstrating state management, conditional routing, and human‑in‑the‑loop controls.

LangChainLangGraphState Management
0 likes · 14 min read
Building an Automatic Email‑Processing Agent with LangGraph 1.0 – A Hands‑On Guide
Java Tech Enthusiast
Java Tech Enthusiast
Dec 19, 2025 · Frontend Development

Is Webpack Dead in 2025? How Vite, RSC, and Modern State Tools Are Redefining Frontend Development

With AI automating code generation, traditional Webpack/Babel setups, runtime CSS‑in‑JS libraries, pure client‑side SPAs, and classic Redux patterns are becoming obsolete, prompting developers to adopt Vite, React Server Components, hybrid hydration, and lightweight state tools like TanStack Query, Zustand, and Jotai.

AIReactState Management
0 likes · 7 min read
Is Webpack Dead in 2025? How Vite, RSC, and Modern State Tools Are Redefining Frontend Development
Fun with Large Models
Fun with Large Models
Dec 17, 2025 · Artificial Intelligence

Quick Guide to LangGraph 1.0: Core Concepts, Nodes, and Edges

This article introduces LangGraph 1.0 as a programming‑language‑style framework for AI agents, explains its core abstractions—State, Node, Edge, Reducer, and Human‑in‑the‑Loop—shows how to define state and node functions, builds simple and parallel graphs with static, conditional, and MapReduce edges, and demonstrates conflict‑resolution using built‑in and custom reducers.

AI AgentsGraph WorkflowLangChain
0 likes · 17 min read
Quick Guide to LangGraph 1.0: Core Concepts, Nodes, and Edges
FunTester
FunTester
Dec 5, 2025 · Frontend Development

Mastering React Containers: From JSX to Real DOM and Beyond

This article explains how React’s container concepts connect JSX, the virtual DOM, and the real DOM, covering component types, root and container components, fragments, state and data flow, reuse patterns like hooks and HOCs, and stability tools such as Suspense, Error Boundaries, and StrictMode.

JSXReactState Management
0 likes · 9 min read
Mastering React Containers: From JSX to Real DOM and Beyond
Code Wrench
Code Wrench
Oct 24, 2025 · Backend Development

Transforming a Simple Factorial into a Concurrent Go Engine

This article explores how a basic factorial calculation can be turned into a sophisticated concurrent system in Go, covering deadlock pitfalls, fan‑out/fan‑in pipelines, Redux‑style state management, and a controllable streaming factorial engine with pause and resume capabilities.

ChannelFan-outGo
0 likes · 9 min read
Transforming a Simple Factorial into a Concurrent Go Engine
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Oct 22, 2025 · Frontend Development

Choosing Between Zustand and Jotai: Which React State Library Fits Your Project?

This article examines the design philosophies, learning curves, underlying principles, and project suitability of the React state management libraries Zustand and Jotai, providing code examples, implementation details, and guidance on selecting the appropriate tool based on team preferences and project scale.

JotaiState ManagementZustand
0 likes · 10 min read
Choosing Between Zustand and Jotai: Which React State Library Fits Your Project?
DataFunSummit
DataFunSummit
Sep 27, 2025 · Artificial Intelligence

Bridging the Gap: Enforcing Discipline in AI Agents for Reliable Performance

This article examines the challenges of building production‑grade AI agents—such as context drift, knowledge leakage, and fragile state handling—and presents a disciplined architecture that combines code locks, attention anchors, and Redis‑backed state management to turn a prototype travel planner into a robust, industrial‑strength system.

AI AgentLLMState Management
0 likes · 14 min read
Bridging the Gap: Enforcing Discipline in AI Agents for Reliable Performance
Lobster Programming
Lobster Programming
Sep 22, 2025 · Backend Development

Mastering Spring State Machine: Efficient Order Workflow Management

This article explains how to use Spring State Machine to model and control order lifecycle transitions in an e‑commerce system, covering core concepts, configuration, listeners, service integration, controller endpoints, and visual results for robust backend state management.

Java backendOrder WorkflowSpring Boot
0 likes · 10 min read
Mastering Spring State Machine: Efficient Order Workflow Management
Sohu Tech Products
Sohu Tech Products
Sep 17, 2025 · Frontend Development

Riverpod 3.0 Highlights: Auto‑Retry, Pause/Resume, and Simplified API

Riverpod 3.0 introduces automatic retry for failing providers, built‑in pause/resume of listeners, experimental offline caching and mutation support, a unified API that merges AutoDispose and legacy providers, standardized update filtering with ==, and revamped ProviderObserver, all aimed at simplifying state management in Flutter apps.

API MigrationFlutterProvider
0 likes · 16 min read
Riverpod 3.0 Highlights: Auto‑Retry, Pause/Resume, and Simplified API
Full-Stack Cultivation Path
Full-Stack Cultivation Path
Sep 16, 2025 · Frontend Development

Pinia + This Plugin: An Unbeatable Combo

Pinia Colada adds a smart data‑fetching layer to Vue's Pinia, eliminating boilerplate for loading, error, retry, caching and optimistic updates, offering a tiny ~2 kB bundle, seamless DevTools integration, SSR support, and a clear advantage over TanStack Query for pure Vue projects.

Data FetchingOptimistic UpdatesPinia Colada
0 likes · 8 min read
Pinia + This Plugin: An Unbeatable Combo
Sohu Tech Products
Sohu Tech Products
Aug 28, 2025 · Mobile Development

Why Jetpack Compose Outperforms Traditional Android Views: Performance, Efficiency & Architecture

Jetpack Compose dramatically improves Android UI development by offering declarative syntax, faster development cycles, reduced code size, superior performance benchmarks over RecyclerView, advanced state management with Snapshot System, powerful animation APIs, modular architecture techniques, and practical migration strategies, while also highlighting its limitations compared to traditional View and HarmonyOS ArkUI.

Android UIJetpack ComposeState Management
0 likes · 16 min read
Why Jetpack Compose Outperforms Traditional Android Views: Performance, Efficiency & Architecture
Sohu Tech Products
Sohu Tech Products
Jun 25, 2025 · Mobile Development

Unlocking Android MVI: How Reactive Architecture Beats MVC & MVVM

This article examines the origins, core principles, and practical implementation of the Model‑View‑Intent (MVI) pattern in Android, clarifies common misconceptions with Redux and MVVM, and provides Kotlin code examples and guidelines for building robust, unidirectional, immutable state architectures.

AndroidKotlinMVI
0 likes · 14 min read
Unlocking Android MVI: How Reactive Architecture Beats MVC & MVVM
AndroidPub
AndroidPub
Jun 23, 2025 · Mobile Development

Demystifying Android MVI: Origins, Misconceptions, and Best Practices

This article traces the evolution of Android's Model‑View‑Intent (MVI) architecture from its MVC and Flux roots, clarifies common misconceptions versus Redux and MVVM, and provides concrete Kotlin code examples and guidelines for implementing a truly unidirectional, immutable‑state MVI pattern in mobile apps.

MVIState Managementreactive-programming
0 likes · 16 min read
Demystifying Android MVI: Origins, Misconceptions, and Best Practices
AndroidPub
AndroidPub
Jun 19, 2025 · Mobile Development

Flutter vs Jetpack Compose: Which Declarative UI Wins for Mobile Apps?

This article provides a concise side‑by‑side comparison of Flutter and Jetpack Compose, covering platform support, language, UI architecture, rendering pipelines, state management, custom UI/animation capabilities, development efficiency, deployment considerations, and ecosystem maturity to help developers choose the right declarative UI framework for their mobile projects.

Declarative UIFlutterJetpack Compose
0 likes · 8 min read
Flutter vs Jetpack Compose: Which Declarative UI Wins for Mobile Apps?
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jun 18, 2025 · Frontend Development

From HOC to Hooks: How Ant Design Form Works Under the Hood

This article explores the inner workings of Ant Design Form, comparing the legacy HOC‑based implementation with the modern Hooks API, detailing state‑lifting, form store design, performance trade‑offs, and providing step‑by‑step code examples for building a custom form solution in React.

Ant DesignFormHOC
0 likes · 21 min read
From HOC to Hooks: How Ant Design Form Works Under the Hood
Instant Consumer Technology Team
Instant Consumer Technology Team
Jun 17, 2025 · Artificial Intelligence

LangGraph vs LlamaIndex: Which AI Agent Framework Wins?

This article compares the core abstractions, multi‑agent support, and key features of LangGraph and LlamaIndex, two leading AI agent development frameworks, highlighting their design philosophies, graph‑based versus event‑driven orchestration, state management, concurrency, streaming, and practical trade‑offs for building Agentic Systems.

AI AgentsLangGraphLlamaIndex
0 likes · 16 min read
LangGraph vs LlamaIndex: Which AI Agent Framework Wins?
Nightwalker Tech
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 workflowAgentChatbot
0 likes · 20 min read
LangGraph Explained: Advanced AI Workflow Framework and Hands‑On Guide
Sohu Tech Products
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
Sohu Tech Products
Sohu Tech Products
Mar 26, 2025 · Mobile Development

How Signals.dart Achieves Automatic Dependency Tracking in Flutter

This article provides an in‑depth technical analysis of the signals.dart state‑management library, explaining its core primitives, the internal Node graph that enables automatic dependency tracking and version‑based updates, and demonstrates how to integrate signals with Flutter using SignalsMixin, Watch, and SignalProvider.

FlutterNodeState Management
0 likes · 17 min read
How Signals.dart Achieves Automatic Dependency Tracking in Flutter
Code Mala Tang
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.

ReactState Managementfrontend
0 likes · 12 min read
When useState Becomes a Trap: Why useReducer Is the Better Choice
Sohu Tech Products
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.

Code GenerationFamilyFlutter
0 likes · 13 min read
Riverpod Annotations Explained: Code Generation and Advanced Usage in Flutter
Tencent Cloud Developer
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.

AIData-drivenSoftware Architecture
0 likes · 13 min read
Data‑Driven Front‑End Development: Embracing a New Paradigm in the AI Era
Rare Earth Juejin Tech Community
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.

JavaScriptRouterState Management
0 likes · 25 min read
Vue API Beginner's Guide: Core Concepts, Practical Cases, and Best Practices
Rare Earth Juejin Tech Community
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.

JavaScriptState ManagementVue
0 likes · 9 min read
A Comprehensive Guide to Using Pinia for State Management in Vue 3
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 HandlingReact
0 likes · 36 min read
Comprehensive Guide to State Management in React
DataFunTalk
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
Rare Earth Juejin Tech Community
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 APIState ManagementTypeScript
0 likes · 8 min read
Migrating a Vue2 Project to Vue3 with Pinia and Composition API
Airbnb Technology Team
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
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Nov 4, 2024 · Frontend Development

Deep Dive into Zustand: Store Creation, TypeScript Types, and Middleware Design

This article explains how Zustand creates stores using the create function, details the TypeScript types such as StateCreator, SetStateInternal, Get and Mutate, demonstrates middleware implementation, clarifies the role of createImpl and useStore, and answers common memory‑leak concerns for React developers.

ReactState ManagementTypeScript
0 likes · 25 min read
Deep Dive into Zustand: Store Creation, TypeScript Types, and Middleware Design
Java Architecture Stack
Java Architecture Stack
Oct 9, 2024 · Frontend Development

Mastering Pinia: A Complete Guide to Vue 3 State Management

This comprehensive tutorial walks through Pinia's core concepts—including stores, defineStore, reactive integration, devtools, plugins, TypeScript support, SSR handling, and mapping helpers—providing step‑by‑step code examples and detailed explanations for building robust Vue 3 applications.

Composition APIDevToolsPlugins
0 likes · 26 min read
Mastering Pinia: A Complete Guide to Vue 3 State Management
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Sep 5, 2024 · Backend Development

Deep Dive into Spring StateMachine: Architecture, Startup, Event Handling, and Persistence

This article provides an in‑depth technical analysis of Spring StateMachine's internal architecture, covering its class hierarchy, lifecycle start/stop mechanisms, pseudo‑state types, trigger processing, event dispatching, and persistence strategies, all illustrated with concrete code examples.

Event ProcessingPersistenceState Management
0 likes · 13 min read
Deep Dive into Spring StateMachine: Architecture, Startup, Event Handling, and Persistence
DaTaobao Tech
DaTaobao Tech
Sep 4, 2024 · Frontend Development

Best Practices for Component Design and Encapsulation in React

The article outlines React component design best practices by distinguishing generic UI components from business‑specific ones, separating UI and domain state, extracting reusable base components, applying patterns such as state lifting, context, memoization, and type‑safe props, and providing a checklist for clean encapsulation.

Component DesignDDDEncapsulation
0 likes · 10 min read
Best Practices for Component Design and Encapsulation in React
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Aug 28, 2024 · Frontend Development

Building a Flexible React Management Backend with Custom Routing, Navigation, and Plugin System

This article describes how to create a feature‑rich, extensible React admin panel by implementing a convention‑based routing system, unified navigation with menu and draggable tabs, a Redux‑centric state management strategy, and a modular plugin architecture, while also integrating MUI, Next.js, and AI‑assisted code generation.

MUIReactRedux
0 likes · 11 min read
Building a Flexible React Management Backend with Custom Routing, Navigation, and Plugin System
Volcano Engine Developer Services
Volcano Engine Developer Services
Aug 15, 2024 · Artificial Intelligence

How We Built a Turing‑Test Game with Coze AI Agents: Lessons and Challenges

Discover how we created the AI‑powered game “I’m Surrounded by AI!” on the Coze Agent platform, detailing the game’s Turing‑test premise, workflow‑driven state management, code‑based variable handling, database integration, and the practical challenges we overcame to deliver an engaging human‑vs‑AI experience.

AI AgentCozeGame Development
0 likes · 10 min read
How We Built a Turing‑Test Game with Coze AI Agents: Lessons and Challenges
Goodme Frontend Team
Goodme Frontend Team
Jul 31, 2024 · Frontend Development

Top Frontend & AI Insights: React State, CSS Updates, Form Design, and AI Code Trends

A curated roundup of the latest frontend and AI development resources, covering React 2023 insights, new CSS font-size-adjust support, Astro 4.12 release, zero‑width character pitfalls in phone validation, the relevance of global state, form‑design strategies, and AI‑assisted coding workflows.

AI integrationState Managementform design
0 likes · 4 min read
Top Frontend & AI Insights: React State, CSS Updates, Form Design, and AI Code Trends
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jul 18, 2024 · Mobile Development

Comprehensive Guide to GetX in Flutter: State Management, Routing, Dependency Injection, and Practical Project Implementation

This article provides an in‑depth tutorial on using the GetX library for Flutter, covering its state‑management, routing, dependency‑injection features, code generation tricks, common pitfalls, and a step‑by‑step rewrite of a WanAndroid project with practical examples.

GetXMobile DevelopmentState Management
0 likes · 40 min read
Comprehensive Guide to GetX in Flutter: State Management, Routing, Dependency Injection, and Practical Project Implementation
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jul 15, 2024 · Mobile Development

Best Practices for Robust Dart and Flutter Development: Uri, Type Conversion, List Handling, ChangeNotifier, and Resource Management

This article presents a comprehensive guide to writing safer and more maintainable Flutter code by demonstrating proper Uri construction, type checking with 'is' versus 'as', safe List operations using the collection package, disciplined use of ChangeNotifier and its providers, and systematic resource disposal patterns.

ChangeNotifierResource ManagementState Management
0 likes · 18 min read
Best Practices for Robust Dart and Flutter Development: Uri, Type Conversion, List Handling, ChangeNotifier, and Resource Management
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jun 27, 2024 · Mobile Development

State Management in Jetpack Compose: remember, MutableState, ViewModel, StateFlow, LiveData, and Effect APIs

Jetpack Compose’s state management techniques—including remember, mutableStateOf, ViewModel integration, StateFlow, LiveData, state lifting, and various side‑effect APIs such as LaunchedEffect, rememberCoroutineScope, and DisposableEffect—are explained with Kotlin code examples to help Android developers build robust, reactive UI components.

AndroidEffect APIJetpack Compose
0 likes · 15 min read
State Management in Jetpack Compose: remember, MutableState, ViewModel, StateFlow, LiveData, and Effect APIs
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jun 4, 2024 · Mobile Development

Understanding BuildContext in Flutter: Concepts, Properties, and Practical Usage

This article explains the role of BuildContext in Flutter, how to safely use it across asynchronous operations, defines a global navigatorKey for context access, and demonstrates common properties, methods, and scenarios such as navigation, theming, media queries, dialogs, state management, and asset loading.

BuildContextMobile DevelopmentState Management
0 likes · 9 min read
Understanding BuildContext in Flutter: Concepts, Properties, and Practical Usage
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
May 13, 2024 · Frontend Development

React Rendering Performance Optimization: Case Study and Practical Techniques

This article explains common React performance‑optimization methods, walks through a real‑world form‑editor use case, details the profiling, diagnosis, and step‑by‑step improvements—including memoization, callback stabilization, diff filtering, and pure‑function components—that reduced render time from 195 ms to under 10 ms.

ReactState Managementmemo
0 likes · 20 min read
React Rendering Performance Optimization: Case Study and Practical Techniques
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Apr 9, 2024 · Frontend Development

Vue3 Admin Template Without UI‑Framework Dependency – Features, Layout, Routing, State Management, and SVG Icon Builder

This article presents a lightweight, UI‑framework‑free Vue3 admin template, detailing its visual style configuration, core layout, permission‑based routing, TypeScript‑based state handling, custom AJAX request wrapper, and an SVG icon bundler, along with code examples and package information.

Admin TemplateSVGState Management
0 likes · 11 min read
Vue3 Admin Template Without UI‑Framework Dependency – Features, Layout, Routing, State Management, and SVG Icon Builder
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Mar 26, 2024 · Frontend Development

Zustand Best Practices: Optimization, Persistence, Debugging, and Multi‑Instance Management

This article shares practical insights and best‑practice techniques for using the Zustand state‑management library in React, covering component re‑render optimization, selective persistence, debugging with dev‑tools, handling multiple store instances, custom selectors, and a Vite plugin for automatic selector injection.

PersistenceReactState Management
0 likes · 13 min read
Zustand Best Practices: Optimization, Persistence, Debugging, and Multi‑Instance Management
Sohu Tech Products
Sohu Tech Products
Jan 24, 2024 · Frontend Development

Five React Component Design Patterns: Compound, Controlled, Custom Hooks, Props Getters, and State Reducer

The article reviews five React component design patterns—Compound, Controlled, Custom Hooks, Props Getters, and State Reducer—explaining how each improves reusability, API simplicity, and state management while weighing their advantages, disadvantages, and ideal use‑cases for scalable, maintainable UI development.

Component DesignDesign PatternsJavaScript
0 likes · 18 min read
Five React Component Design Patterns: Compound, Controlled, Custom Hooks, Props Getters, and State Reducer
Architecture Development Notes
Architecture Development Notes
Jan 1, 2024 · Frontend Development

Master Modern Frontend Architecture: Patterns, Code Samples & Best Practices

This article explores the essential components of modern frontend architecture, covering concepts such as modularity, componentization, code organization, state management, network layer design, performance optimization, security measures, automated testing, and continuous deployment, with practical code examples in React, Vue, Redux, Axios, and GitHub Actions.

SecurityState Managementarchitecture
0 likes · 8 min read
Master Modern Frontend Architecture: Patterns, Code Samples & Best Practices
Ximalaya Technology Team
Ximalaya Technology Team
Dec 10, 2023 · Frontend Development

Implementing a TodoList Component with ArkTS Declarative UI and State Management

By using ArkTS’s declarative UI features—@Entry, @Component, @Preview, struct‑based custom components, property chaining, Column layout, and a ForEach loop—this tutorial builds a TodoList where each ToDoItem toggles an isComplete state on click, automatically updating the view through state‑driven rendering.

Declarative UIState ManagementTodoList
0 likes · 6 min read
Implementing a TodoList Component with ArkTS Declarative UI and State Management
Ximalaya Technology Team
Ximalaya Technology Team
Nov 28, 2023 · Frontend Development

An Overview of ArkTS: Origin, Evolution, Declarative UI Paradigm, and State Management

ArkTS, Huawei’s evolution of JavaScript and TypeScript, provides a declarative UI framework with enhanced rendering, cross‑OS support, and streamlined state management through @State, @StorageLink, and AppStorage, enabling developers to build concise, high‑performance HarmonyOS applications using familiar JS/TS syntax.

Declarative UIHarmonyOSState Management
0 likes · 10 min read
An Overview of ArkTS: Origin, Evolution, Declarative UI Paradigm, and State Management
政采云技术
政采云技术
Oct 18, 2023 · Frontend Development

Getting Started with Pinia: Installation, Store Creation, and Core Concepts

This guide introduces Pinia, a lightweight Vue state‑management library, covering its installation, creation of a Pinia instance, defining stores in both options and setup styles, and detailed usage of state, getters, and actions with code examples, highlighting its simplicity compared to Vuex.

State ManagementTypeScriptVue
0 likes · 8 min read
Getting Started with Pinia: Installation, Store Creation, and Core Concepts
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 APIState ManagementTanStack Query
0 likes · 17 min read
Comprehensive React Query Tutorial: Managing Server and Client State in React
php Courses
php Courses
Sep 18, 2023 · Frontend Development

9 Essential Vue.js Plugins for Frontend Development

This article introduces nine practical Vue.js plugins—including Vuetify, Vue Router, Vuex, Vue-i18n, Vue-lazyload, Vue-awesome-swiper, Vue-chartjs, Vue-meta, and Vue-awesome—detailing their features and providing code examples to help front‑end developers improve efficiency and code elegance.

PluginsState ManagementUI
0 likes · 10 min read
9 Essential Vue.js Plugins for Frontend Development
Ximalaya Technology Team
Ximalaya Technology Team
Sep 1, 2023 · Frontend Development

Using Rematch for State Management in React Applications

This guide walks through creating a React Todo List app with Rematch, showing how to define typed models, initialize a Redux‑compatible store, provide it via React‑Redux, and use useSelector and typed useDispatch in components, highlighting Rematch’s concise syntax and similarity to Redux‑Toolkit.

ReactReduxRematch
0 likes · 11 min read
Using Rematch for State Management in React Applications
Ximalaya Technology Team
Ximalaya Technology Team
Aug 24, 2023 · Frontend Development

Using Redux Toolkit for State Management in React and React Native

This article demonstrates how to replace classic Redux boilerplate with Redux Toolkit in a React Todo List app by creating a slice, configuring the store, providing it via Provider, and using useSelector and useDispatch, highlighting the simplified setup and clearer state management for both React and React Native.

JavaScriptReactRedux Toolkit
0 likes · 10 min read
Using Redux Toolkit for State Management in React and React Native
Ximalaya Technology Team
Ximalaya Technology Team
Aug 19, 2023 · Frontend Development

Using React and Redux to Build a Todo List Application

This guide walks through creating a React Todo List app with Redux by installing the libraries, defining TypeScript state and actions for adding and deleting items, implementing an immutable reducer, configuring a store, wrapping the root with Provider, and connecting UI components to dispatch and display the todo array, illustrating the full Redux workflow and its debugging advantages.

ReactReduxState Management
0 likes · 10 min read
Using React and Redux to Build a Todo List Application
Sohu Tech Products
Sohu Tech Products
Apr 12, 2023 · Frontend Development

Vue vs React: Programming Styles, View Syntax, Components, Routing, State Management, Reactivity and Lifecycle Comparison

This article provides a comprehensive technical comparison between Vue and React, covering their programming and view styles, component models, routing solutions, state‑management libraries, basic feature differences, reactivity mechanisms, lifecycle hooks and side‑effect handling, with illustrative code examples.

ComponentReactReactivity
0 likes · 15 min read
Vue vs React: Programming Styles, View Syntax, Components, Routing, State Management, Reactivity and Lifecycle Comparison
Huolala Tech
Huolala Tech
Mar 28, 2023 · Frontend Development

How to Optimize React Context to Prevent Unnecessary Re‑renders

Learn how to effectively use React Context for state management, avoid props drilling, and eliminate redundant re‑renders by implementing a custom publish‑subscribe store, selector hooks, and performance optimizations similar to libraries like zustand.

Performance OptimizationPublish-SubscribeReact
0 likes · 11 min read
How to Optimize React Context to Prevent Unnecessary Re‑renders
Programmer DD
Programmer DD
Feb 28, 2023 · Mobile Development

What Developers Really Think About React Native: Top Pain Points & Preferred Alternatives

A recent State of React Native survey of over 1,800 developers reveals three major pain points—upgrade difficulty, debugging challenges, and performance issues—while highlighting SwiftUI and Jetpack Compose as the most favored alternatives and offering insights into emerging state‑management libraries.

Alternative FrameworksFramework SurveyMobile Development
0 likes · 5 min read
What Developers Really Think About React Native: Top Pain Points & Preferred Alternatives
政采云技术
政采云技术
Feb 14, 2023 · Frontend Development

Analysis of Remesh: A Frontend DDD Framework

This article provides an in-depth analysis of Remesh, a frontend framework implementing Domain-Driven Design (DDD) principles, exploring its core concepts, advantages, and practical implementation.

CQRSDDDDomain-Driven Design
0 likes · 13 min read
Analysis of Remesh: A Frontend DDD Framework
Xianyu Technology
Xianyu Technology
Jan 3, 2023 · Frontend Development

Using XState for Collaborative Frontend Development and State Management

By adopting the XState state‑machine library, the team transformed a complex, interactive page’s development from costly component‑wise coordination into a collaborative workflow where a small core group maintains a visual state graph while UI developers work on lightweight components, improving performance and reducing render overhead.

CollaborationReactState Management
0 likes · 12 min read
Using XState for Collaborative Frontend Development and State Management
DeWu Technology
DeWu Technology
Dec 26, 2022 · Mobile Development

Simplifying Multi‑Variable UI Logic with Karnaugh Maps in Mobile Development

The article shows how Karnaugh maps can turn scattered, multi‑variable UI conditionals in mobile apps into concise Boolean expressions by representing each UI state with booleans, drawing a Gray‑code grid, grouping adjacent minterms, and thus simplifying maintenance while noting the method’s limit to four variables.

Karnaugh MapLogic SimplificationMobile UI
0 likes · 21 min read
Simplifying Multi‑Variable UI Logic with Karnaugh Maps in Mobile Development
ByteFE
ByteFE
Dec 25, 2022 · Frontend Development

Curated Technical Articles on Frontend Development, Low‑Code Collaboration, Browser Caching, and More

This collection presents curated technical articles covering low‑code multi‑branch collaborative development, comprehensive front‑end state management, hands‑on browser cache exploration, intranet penetration principles, advanced CSS Houdini techniques, front‑end mock data strategies, React ref fundamentals, and performance‑focused foreign reads.

Browser CacheCSS HoudiniReact
0 likes · 6 min read
Curated Technical Articles on Frontend Development, Low‑Code Collaboration, Browser Caching, and More
Alipay Experience Technology
Alipay Experience Technology
Dec 16, 2022 · Frontend Development

Unlocking Progressive State Management with Zustand – Is There a Silver Bullet?

This article walks through using the Zustand state‑management library in a complex React component, covering store initialization, actions, selectors, modular file structure, handling controlled vs uncontrolled modes, performance optimizations, and devtools integration, while sharing practical tips and code examples for scalable frontend development.

Controlled ComponentsReactState Management
0 likes · 30 min read
Unlocking Progressive State Management with Zustand – Is There a Silver Bullet?
Alipay Experience Technology
Alipay Experience Technology
Dec 15, 2022 · Frontend Development

Why Zustand Is the Best Choice for Complex Frontend State Management

This article examines the pitfalls of traditional React state management in complex applications, explains why Zustand offers superior state sharing, mutation, derivation, and performance optimization, and provides detailed code examples and best practices for integrating Zustand into large-scale frontend projects.

ReactState ManagementTypeScript
0 likes · 26 min read
Why Zustand Is the Best Choice for Complex Frontend State Management
ITPUB
ITPUB
Nov 25, 2022 · Big Data

How Berserker’s Big Data Platform Solved Scheduling, State and Scaling Challenges

This article details the architecture, evolution, and technical solutions of the Berserker big‑data platform—including component design, state‑management problems, release strategies, two‑phase commit, RPC handling, routing, message queuing, containerized execution, dependency model redesign, and future roadmap—demonstrating how the system achieved high availability, low latency, and scalable operations.

Data PlatformDockerKubernetes
0 likes · 19 min read
How Berserker’s Big Data Platform Solved Scheduling, State and Scaling Challenges
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Nov 14, 2022 · Mobile Development

Building an Add Identity Card Page with SwiftUI

This tutorial walks through designing and implementing an "Add Identity Card" screen in a SwiftUI iOS app, covering UI element priority, state variable declarations, custom platform selector with LazyVGrid, multiline link input, and data binding to persist new cards.

LazyVGridMobile DevelopmentState Management
0 likes · 12 min read
Building an Add Identity Card Page with SwiftUI
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Nov 10, 2022 · Mobile Development

Choosing a Flutter State Management Framework: Provider, Riverpod, BLoC, GetX and Others

This article guides beginners through the crowded landscape of Flutter state‑management solutions, comparing Provider, Riverpod, BLoC, flutter_redux, fish_redux, GetX and others, while showing that integration size impact is negligible and emphasizing that the final choice should match project needs and maintenance considerations.

BLoCFlutterGetX
0 likes · 14 min read
Choosing a Flutter State Management Framework: Provider, Riverpod, BLoC, GetX and Others