BestHub
Sign in
Tagged articles

ReAct

1114 articles · Page 3 of 12
AI Cyberspace
AI Cyberspace
Oct 4, 2025 · Artificial Intelligence

Exploring OpenManus: A Deep Dive into an Open‑Source AI Agent Framework

This article provides a comprehensive overview of OpenManus, an open‑source, general‑purpose AI agent framework, covering its installation, configuration, core architecture—including BaseAgent, ReActAgent, ToolCallAgent, and Manus—its extensive tool collection, execution logs, and detailed code analysis for developers and AI researchers.

AI AgentOpenManusPython
0 likes · 74 min read
Exploring OpenManus: A Deep Dive into an Open‑Source AI Agent Framework
Architecture and Beyond
Architecture and Beyond
Sep 27, 2025 · Artificial Intelligence

Mastering AI Agent Tool Management: OpenManus, Gemini CLI & Shopify Sidekick

This article explains how AI agents work, examines OpenManus’s comprehensive tool framework, reviews Gemini CLI’s minimalist tool scheduling and error handling, and discusses Shopify Sidekick’s scaling challenges and Just‑in‑Time instruction strategy, offering practical guidance for building robust, production‑ready agentic systems.

AI AgentsJust-in-TimeLLM
0 likes · 15 min read
Mastering AI Agent Tool Management: OpenManus, Gemini CLI & Shopify Sidekick
Tech Freedom Circle
Tech Freedom Circle
Sep 25, 2025 · Artificial Intelligence

How RAGFlow’s Agent Engine Turns Retrieval into a Problem‑Solving AI

This article explains how RAGFlow upgrades a traditional RAG system from a passive question‑answer engine to an active problem‑solving agent by integrating the ReAct reasoning‑action‑observation loop, a visual canvas workflow, and a modular component‑tool ecosystem, with concrete Python implementations and code examples.

AI AgentsPythonReAct
0 likes · 16 min read
How RAGFlow’s Agent Engine Turns Retrieval into a Problem‑Solving AI
AI Cyberspace
AI Cyberspace
Sep 15, 2025 · Artificial Intelligence

What Is Agentic AI? From LLM Limits to Autonomous AI Agents

Agentic AI transforms static large language models into autonomous agents by adding perception, goal orientation, planning, action, interaction, and iterative loops, tracing its evolution from early chatbots through Prompt Engineering, ReAct, AutoGPT, OpenAI Function Calling, to modern multi‑agent frameworks, while addressing challenges like memory, hallucinations, and scalability.

Agentic AIMulti-agentRAG
0 likes · 38 min read
What Is Agentic AI? From LLM Limits to Autonomous AI Agents
xkx's Tech General Store
xkx's Tech General Store
Sep 14, 2025 · Artificial Intelligence

Exploring Agents 006: Tencent Youtu-Agent – A Simple, Highly Extensible General Agent

This article introduces Tencent's open‑source Youtu‑Agent, detailing its modular, configuration‑driven design, installation steps, benchmark performance on the WebWalkerQA dataset, and hands‑on test cases for SimpleAgent and Orchestra modes, while highlighting its extensibility and web UI capabilities.

AI AgentsDeepSeekLLM
0 likes · 12 min read
Exploring Agents 006: Tencent Youtu-Agent – A Simple, Highly Extensible General Agent
DataFunTalk
DataFunTalk
Sep 12, 2025 · Artificial Intelligence

How Shunyu Yao is Shaping the Second Half of AI with Agents

Shunyu Yao, a Princeton‑trained AI researcher who rose through Tsinghua’s elite Yao class and OpenAI, is known for pioneering works like Tree of Thoughts, SWE‑bench, and ReAct, and now focuses on building general‑purpose agents and exploring the “second half” of AI development.

AI researchAgentReAct
0 likes · 12 min read
How Shunyu Yao is Shaping the Second Half of AI with Agents
xkx's Tech General Store
xkx's Tech General Store
Sep 10, 2025 · Artificial Intelligence

Exploring WebDancer: Alibaba’s WebAgent that Solves Complex Queries Automatically

This article walks through installing Alibaba's WebDancer agent, explains its SFT‑plus‑RL training pipeline—including data construction, trajectory sampling, supervised fine‑tuning, and reinforcement learning—compares it with the earlier WebWalker, and demonstrates its multi‑step reasoning on a real‑world query.

AI AgentAlibabaLLM agents
0 likes · 10 min read
Exploring WebDancer: Alibaba’s WebAgent that Solves Complex Queries Automatically
FunTester
FunTester
Sep 8, 2025 · Frontend Development

How Focus Chain Manages Task Lifecycles with Real‑Time Tracking and Smart Reminders

The article explains Focus Chain’s core workflow for task lifecycle management, detailing task creation, execution, cross‑context persistence, and smart reminder features, and includes the parseCurrentTodoInfo parsing function, the ChecklistRenderer component, configuration protocols, and file‑editing integration, illustrating a comprehensive frontend solution for real‑time task tracking.

AutomationReActTypeScript
0 likes · 10 min read
How Focus Chain Manages Task Lifecycles with Real‑Time Tracking and Smart Reminders
xkx's Tech General Store
xkx's Tech General Store
Sep 4, 2025 · Artificial Intelligence

First Hands‑On Exploration of OpenManus: Installation, Architecture, and Real‑World Tests

This article walks through installing OpenManus, explains its ReAct‑based architecture, and demonstrates two practical test cases—retrieving GitHub statistics and generating an animated HTML physics lesson—while highlighting strengths and current limitations of the agent framework.

Agent ArchitectureLLM agentsOpenManus
0 likes · 7 min read
First Hands‑On Exploration of OpenManus: Installation, Architecture, and Real‑World Tests
FunTester
FunTester
Sep 4, 2025 · Artificial Intelligence

How Cline’s Multi‑Layer Context Management Powers AI‑Driven Coding

This article examines Cline, an AI programming assistant, detailing its three‑layer context management strategy, Focus Chain task tracking system, and the implementation of context window monitoring, state management, and a persistent memory bank, all illustrated with real code examples.

AI programmingReActTask Tracking
0 likes · 11 min read
How Cline’s Multi‑Layer Context Management Powers AI‑Driven Coding
AI2ML AI to Machine Learning
AI2ML AI to Machine Learning
Aug 25, 2025 · Artificial Intelligence

Decoding OpenAI’s Multi‑Level AGI Roadmap

The article analyzes OpenAI’s five‑layer AGI roadmap, compares it with DeepMind’s ECEVS framework, and examines the technical progress from L1 to L5—including RL‑enhanced chain‑of‑thought, ReAct agents, deep research, and upcoming innovations—while highlighting the commercial implications of each stage.

AGIArtificial IntelligenceChain-of-Thought
0 likes · 7 min read
Decoding OpenAI’s Multi‑Level AGI Roadmap
Code Mala Tang
Code Mala Tang
Aug 25, 2025 · Frontend Development

Polling vs WebSocket: Choosing the Right Real‑Time Strategy for Your App

This article compares polling and WebSocket approaches for delivering real‑time updates, explains their advantages and drawbacks, provides React and Node.js code examples, and offers practical guidance on selecting the appropriate method based on task frequency and user experience requirements.

PollingReActfrontend
0 likes · 7 min read
Polling vs WebSocket: Choosing the Right Real‑Time Strategy for Your App
Alibaba Cloud Developer
Alibaba Cloud Developer
Aug 22, 2025 · Artificial Intelligence

How Ant Financial’s Multi‑Agent Platform “Tiangong Wànxiàng” Transforms Front‑End AI Automation

This article details the technical practice and core thinking behind Ant Financial’s front‑end team Multi‑Agent platform “Tiangong Wànxiàng”, covering its evolution from AutoGPT to Manus, the LangGraph foundation, ReAct agents, context engineering, architecture design, and real‑world front‑end code generation capabilities.

AIFront-endLangGraph
0 likes · 24 min read
How Ant Financial’s Multi‑Agent Platform “Tiangong Wànxiàng” Transforms Front‑End AI Automation
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
Full-Stack Cultivation Path
Full-Stack Cultivation Path
Aug 18, 2025 · Frontend Development

Make AI Understand shadcn/ui with the MCP Server

The article introduces shadcn‑ui‑mcp‑server, a Node.js tool that implements a Model Context Protocol to let AI assistants read shadcn/ui component documentation, source code, and demos, enabling richer code suggestions and full‑page layout generation within editors like VS Code, Continue, and Cursor.

AI assistanceModel Context ProtocolNode.js
0 likes · 5 min read
Make AI Understand shadcn/ui with the MCP Server
DaTaobao Tech
DaTaobao Tech
Aug 13, 2025 · Artificial Intelligence

Unlocking AI Power: A Complete Guide to Prompt Engineering and Advanced Techniques

This article explores the emerging field of prompt engineering, detailing its fundamentals, advanced strategies such as chain‑of‑thought, ReAct, and structured frameworks, and demonstrates practical applications in AI agents for data retrieval, SQL generation, and market insight, offering actionable guidance for developers and business users alike.

AI AgentsChain-of-ThoughtData Retrieval
0 likes · 42 min read
Unlocking AI Power: A Complete Guide to Prompt Engineering and Advanced Techniques
Ubiquitous Tech
Ubiquitous Tech
Aug 2, 2025 · Artificial Intelligence

Exploring JoyAgent‑JDGenie: Core Workflow and Prompt Engineering (Part 2)

This article walks through the JoyAgent‑JDGenie open‑source AI agent framework, detailing its multi‑agent architecture, backend and frontend components, deployment steps, configuration files, and the comprehensive prompt templates that drive planning, execution, and ReAct‑style reasoning.

AI AgentsJoyAgent-JDGenieMCP integration
0 likes · 27 min read
Exploring JoyAgent‑JDGenie: Core Workflow and Prompt Engineering (Part 2)
Ubiquitous Tech
Ubiquitous Tech
Jul 26, 2025 · Artificial Intelligence

How to Deploy ByteDance’s Open‑Source Coze AI Agent Platform for Personal and Enterprise Use

This article walks through ByteDance’s open‑source Coze AI Agent platform—its components, Apache‑2.0 license, Golang backend and React/TypeScript frontend architecture, Docker‑Compose deployment steps, model configuration, container startup, UI access, and the practical benefits it brings to developers and enterprises.

AI AgentCozeDocker
0 likes · 21 min read
How to Deploy ByteDance’s Open‑Source Coze AI Agent Platform for Personal and Enterprise Use
Ubiquitous Tech
Ubiquitous Tech
Jul 23, 2025 · Artificial Intelligence

How to Set Up JoyAgent‑JDGenie on macOS – Lesson 1

This article introduces JD's open‑source general‑agent project JoyAgent‑JDGenie, outlines its multi‑agent architecture and key features, and provides a step‑by‑step guide for configuring the required macOS environment, including frontend, backend, and Python services, to get the system up and running.

General AI AgentJoyAgent-JDGenieMCP
0 likes · 12 min read
How to Set Up JoyAgent‑JDGenie on macOS – Lesson 1
DaTaobao Tech
DaTaobao Tech
Jul 18, 2025 · Artificial Intelligence

Build a Minimal Java ReAct Agent in 200 Lines: A Hands‑On Tutorial

This tutorial walks you through constructing a lightweight ReAct agent using Java, explaining the Thought‑Action‑Observation loop, providing a 200‑line code example, and demonstrating a real‑world approval workflow with prompts, tool definitions, and step‑by‑step interaction logs.

AgentJavaLLM
0 likes · 21 min read
Build a Minimal Java ReAct Agent in 200 Lines: A Hands‑On Tutorial
JavaScript
JavaScript
Jul 13, 2025 · Frontend Development

Boost React State Updates with the New Array.prototype.with() Method

This article explains why mutating state in React or Vue breaks predictability, compares traditional immutable update techniques like map() and spread syntax, and demonstrates how the native Array.prototype.with() method provides a concise, high‑performance, immutable way to replace array elements in a single step.

ArrayImmutabilityJavaScript
0 likes · 5 min read
Boost React State Updates with the New Array.prototype.with() Method
Code Mala Tang
Code Mala Tang
Jul 12, 2025 · Frontend Development

Master Data Fetching in React with TanStack Query: From Simple Queries to Optimistic Updates

This guide walks you through using TanStack Query in React, covering simple queries, custom hooks, selectors, dependent queries, pagination, infinite scrolling, query key factories, mutations, query invalidation, conditional fetching, optimistic updates, and global error handling with Suspense, all illustrated with clear code examples.

CacheData FetchingOptimistic Update
0 likes · 7 min read
Master Data Fetching in React with TanStack Query: From Simple Queries to Optimistic Updates
Qborfy AI
Qborfy AI
Jul 11, 2025 · Artificial Intelligence

Building a Dynamic Agent Workflow with LangGraph: A Step‑by‑Step Guide

This tutorial walks through creating a full‑featured LLM Agent workflow using LangGraph, covering goal definition, task decomposition, execution nodes, state updates, re‑planning logic, and user feedback, while comparing ReAct and Reflexion approaches and providing complete Python code examples.

LLMLangChainLangGraph
0 likes · 11 min read
Building a Dynamic Agent Workflow with LangGraph: A Step‑by‑Step Guide
21CTO
21CTO
Jul 6, 2025 · Frontend Development

30 Years of JavaScript: 10 Milestones That Shaped the Web

From Brendan Eich’s ten‑day creation of Mocha in 1995 to the rise of WebAssembly at the edge in 2022, this article chronicles ten pivotal JavaScript milestones—including ECMAScript, Ajax, Node.js, npm, React, TypeScript, and more—that transformed the language into the web’s dominant programming force.

ECMAScriptJavaScriptNode.js
0 likes · 11 min read
30 Years of JavaScript: 10 Milestones That Shaped the Web
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jul 5, 2025 · Fundamentals

Master the 2025 Frontend & Full‑Stack Knowledge System: Server Basics to DevOps

This comprehensive guide outlines a 2025 front‑end and full‑stack knowledge system, covering server fundamentals, JavaScript runtimes, databases, storage, cloud services, Docker, serverless, micro‑services, major frameworks (React, Vue, Angular, etc.), mobile development, PC clients, engineering tooling, CI/CD, testing, monitoring, security, performance optimization, project management, and practical non‑technical advice.

DevOpsJavaScriptReAct
0 likes · 23 min read
Master the 2025 Frontend & Full‑Stack Knowledge System: Server Basics to DevOps
Instant Consumer Technology Team
Instant Consumer Technology Team
Jul 4, 2025 · Artificial Intelligence

How AI Agents Boost Development: Inside the ReAct Framework & Prompt Engineering

This article explains how AI agents, using the ReAct framework, enable a human‑machine pair‑programming workflow, details the reasoning‑acting‑observation loop, showcases practical Python examples with smolagents and DeepSeek, and provides prompt‑engineering guidelines for effective tool‑calling.

AI AgentLLMPrompt Engineering
0 likes · 19 min read
How AI Agents Boost Development: Inside the ReAct Framework & Prompt Engineering
BirdNest Tech Talk
BirdNest Tech Talk
Jun 30, 2025 · Artificial Intelligence

Build a Weather‑Query ReAct Agent with LangGraph: Step‑by‑Step Guide

This article walks through constructing a stateful ReAct‑style LLM agent using LangGraph, detailing the core components—State, Nodes, Edges—defining a weather‑lookup tool with Open‑Meteo, configuring the graph’s nodes and conditional edges, and executing the workflow with streaming to observe each step in real time.

LLM agentsLangGraphPython
0 likes · 16 min read
Build a Weather‑Query ReAct Agent with LangGraph: Step‑by‑Step Guide
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.

FormHOCHooks
0 likes · 21 min read
From HOC to Hooks: How Ant Design Form Works Under the Hood
IT Services Circle
IT Services Circle
Jun 16, 2025 · Frontend Development

How React MCP Server Lets AI Optimize Your Components in Real Time

React MCP Server, an experimental addition to the React repository, bridges large language models with the React compilation toolchain via the MCP protocol, offering AI‑driven compile optimization and documentation lookup, enabling automated performance tuning of components through a closed‑loop of compilation, measurement, and improvement.

AIMCPPerformance Optimization
0 likes · 7 min read
How React MCP Server Lets AI Optimize Your Components in Real Time
Alibaba Cloud Developer
Alibaba Cloud Developer
Jun 11, 2025 · Artificial Intelligence

From Chat to Autonomous Agents: Architecture, ReAct, Prompt Engineering

This article chronicles the evolution from simple chat interactions to sophisticated autonomous agents, detailing stages of LLM development, ReAct reasoning, memory management, tool integration, and practical implementation using the browser-use project, while offering prompt design insights and future directions for AI agents.

AI AgentLLMMCP
0 likes · 30 min read
From Chat to Autonomous Agents: Architecture, ReAct, Prompt Engineering
DataFunTalk
DataFunTalk
Jun 4, 2025 · Artificial Intelligence

Google Gemini Full‑Stack LangGraph Quickstart: Building a Research‑Grade AI Agent

The article introduces Google’s open‑source Gemini‑Fullstack‑LangGraph‑Quickstart project, explains its modern front‑end/back‑end architecture, details a five‑step intelligent research workflow, and outlines development, deployment, and extensibility considerations for creating a self‑contained, research‑oriented AI agent.

AI AgentDockerGemini
0 likes · 7 min read
Google Gemini Full‑Stack LangGraph Quickstart: Building a Research‑Grade AI Agent
JD Tech Talk
JD Tech Talk
Jun 3, 2025 · Frontend Development

Taro on Harmony C-API: Open-Source Cross-Platform Framework for Native Harmony Apps

The article introduces Taro's open-source C-API version for HarmonyOS, detailing its architecture, rich component and CSS support, high-performance rendering, hybrid native integration, and step‑by‑step installation guide, positioning it as a leading frontend solution for cross‑platform development.

C APIHarmonyOSReAct
0 likes · 9 min read
Taro on Harmony C-API: Open-Source Cross-Platform Framework for Native Harmony Apps
JD Retail Technology
JD Retail Technology
May 27, 2025 · Frontend Development

Taro on Harmony C‑API: Cross‑Platform Frontend Framework for HarmonyOS

The article introduces Taro on Harmony's C‑API version, detailing its evolution, open‑source release, three‑layer architecture, rich component and CSS support, high‑performance rendering, installation steps, and future roadmap, positioning it as a leading framework for developing native‑like HarmonyOS applications.

C APIHarmonyOSReAct
0 likes · 9 min read
Taro on Harmony C‑API: Cross‑Platform Frontend Framework for HarmonyOS
AI Large Model Application Practice
AI Large Model Application Practice
May 12, 2025 · Artificial Intelligence

Which AI Agent Planning Strategy Wins? ReAct, Plan‑and‑Execute, Static Workflow & Hybrid Models Compared

This article examines five major LLM‑driven AI agent planning and execution patterns—ReAct, Plan‑and‑Execute, Static Workflow, Static Workflow with local intelligence, and modular hierarchical planning—detailing their mechanisms, code examples, strengths, weaknesses, suitable scenarios, and optimization techniques.

AIAgent ArchitecturePlan-and-Execute
0 likes · 17 min read
Which AI Agent Planning Strategy Wins? ReAct, Plan‑and‑Execute, Static Workflow & Hybrid Models Compared
Sohu Tech Products
Sohu Tech Products
May 7, 2025 · Frontend Development

10 Proven React Performance Hacks to Handle 3M+ Users

This article outlines ten concrete React optimization techniques—including lazy loading, image compression, memoization, code splitting, CDN usage, API throttling, server‑side rendering, WebSockets, minification, and load testing—demonstrating how each step dramatically improves performance and scalability for traffic spikes exceeding three million concurrent users.

Code SplittingOptimizationPerformance
0 likes · 6 min read
10 Proven React Performance Hacks to Handle 3M+ Users
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?
Alibaba Cloud Developer
Alibaba Cloud Developer
Apr 25, 2025 · Artificial Intelligence

Unlocking AI Agents: Theory, Design Patterns, and Hands‑On Experiments

This article combines theoretical analysis and practical case studies to systematically explore the core components, design patterns, and future directions of AI agents, detailing the implementation of OpenManus, custom memory and planning modules, experimental evaluations, and insights for improving agent reliability and scalability.

AI AgentLLMMemory
0 likes · 31 min read
Unlocking AI Agents: Theory, Design Patterns, and Hands‑On Experiments
21CTO
21CTO
Apr 19, 2025 · Frontend Development

Why Turbopack in Next.js 15.3 Could Supercharge Your Frontend Build Speed

Next.js 15.3 introduces Turbopack, a Rust‑based bundler that dramatically speeds up builds, passes over 99 % of tests, and is recommended for development use while still in alpha, alongside new navigation hooks, monitoring hooks, and an improved TypeScript language server.

BundlerNext.jsReAct
0 likes · 3 min read
Why Turbopack in Next.js 15.3 Could Supercharge Your Frontend Build Speed
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
Alibaba Cloud Developer
Alibaba Cloud Developer
Apr 8, 2025 · Artificial Intelligence

Unlocking LLM Secrets: From Prompt Basics to RAG and Tool Integration

This article introduces the fundamental paradigms of large language models, explaining how simple prompts, messages, and tools like RAG and ReAct enable powerful applications, while providing practical code examples, translation strategies, and insights on prompt engineering, tool usage, and model fine‑tuning.

AILLM applicationsLarge Language Models
0 likes · 23 min read
Unlocking LLM Secrets: From Prompt Basics to RAG and Tool Integration
Full-Stack Cultivation Path
Full-Stack Cultivation Path
Apr 7, 2025 · Frontend Development

How to Build Frontend Components Faster in the AI Era?

The article reviews 21st.dev, an open‑source React UI component marketplace inspired by shadcn/ui, highlighting its atomic "code‑out" installation, AI‑friendly prompts, MCP service, and step‑by‑step usage that enable zero‑code component generation in minutes, while comparing it with traditional npm workflows and discussing its strengths, limitations, and broader implications for private component libraries.

AIMCPPrompt Engineering
0 likes · 13 min read
How to Build Frontend Components Faster in the AI Era?
DevOps
DevOps
Apr 6, 2025 · Artificial Intelligence

Leveraging AI and the ReAct Framework for Efficient Code Refactoring

This article explores the challenges of using AI tools like Cursor for large‑scale code refactoring, analyzes why simple prompts fail in complex projects, and presents a systematic approach using the ReAct framework and carefully designed prompts to achieve more accurate, maintainable, and efficient refactoring outcomes.

AICode RefactoringReAct
0 likes · 12 min read
Leveraging AI and the ReAct Framework for Efficient Code Refactoring
Java Web Project
Java Web Project
Apr 5, 2025 · Frontend Development

Build Dynamic Enterprise Tables Fast with DripTable – A Low‑Code React Solution

DripTable, an open‑source React and JSON‑Schema based table framework from JD.com, lets developers quickly generate configurable, extensible enterprise‑grade list pages through low‑code setup, with clear installation steps, code examples, and visual configuration tools for both the generator and runtime sides.

JSON SchemaReActTable
0 likes · 5 min read
Build Dynamic Enterprise Tables Fast with DripTable – A Low‑Code React Solution
FunTester
FunTester
Apr 1, 2025 · Frontend Development

Mastering data-testid: Boost Front‑End Test Stability and Collaboration

This guide explains why data-testid is essential for reliable front‑end testing, outlines planning and QA involvement, shows how to add and use data-testid in React/Vue components, provides best‑practice guidelines, and demonstrates Playwright, Cypress, and Selenium scripts for robust automated tests.

CypressFrontend TestingPlaywright
0 likes · 10 min read
Mastering data-testid: Boost Front‑End Test Stability and Collaboration
Smart Era Software Development
Smart Era Software Development
Mar 29, 2025 · Artificial Intelligence

40+ Diagrams Uncover LLM Agents’ Core Components, Multi‑Agent Frameworks, and MCP Stack

This article breaks down the essential building blocks of LLM agents—including environment, sensors, effectors, short‑ and long‑term memory, tools, planning, and reasoning—while illustrating how Model Context Protocol (MCP), Toolformer, ReAct, Reflexion, and popular multi‑agent frameworks such as AutoGen, MetaGPT and CAMEL enable scalable, collaborative AI systems.

LLM agentsMemoryModel Context Protocol
0 likes · 11 min read
40+ Diagrams Uncover LLM Agents’ Core Components, Multi‑Agent Frameworks, and MCP Stack
Sohu Tech Products
Sohu Tech Products
Mar 26, 2025 · Frontend Development

React TypeScript Development Guide: Components, Hooks, Events, and Asynchronous Requests

This comprehensive React‑TypeScript guide walks developers through type‑safe component declarations—including functional, class, and generic patterns—hooks usage, event handling, element typing, error boundaries, and both fetch and Axios asynchronous request wrappers, emphasizing best practices for readability, maintainability, and performance.

Async RequestsEventsHooks
0 likes · 23 min read
React TypeScript Development Guide: Components, Hooks, Events, and Asynchronous Requests
DeWu Technology
DeWu Technology
Mar 24, 2025 · Artificial Intelligence

Understanding Multi‑Agent AI Systems: ReAct Architecture, MCP Protocol, and OpenManus Implementation

Understanding multi‑agent AI systems, this article explains how ReAct’s tightly coupled reasoning‑action loop, the Model Context Protocol, and the open‑source OpenManus implementation enable autonomous task planning, tool invocation, and memory management, contrasting traditional chatbots with delivery‑centered agents while highlighting current limitations and future optimization needs.

AI AgentsMCPOpenManus
0 likes · 24 min read
Understanding Multi‑Agent AI Systems: ReAct Architecture, MCP Protocol, and OpenManus Implementation
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.

HooksReActState Management
0 likes · 12 min read
When useState Becomes a Trap: Why useReducer Is the Better Choice
AI Large Model Application Practice
AI Large Model Application Practice
Mar 10, 2025 · Backend Development

How to Build a Multi‑User Agent Backend with Docker Isolation

This guide walks through constructing a multi‑user, cloud‑hosted Agent‑as‑a‑Service platform using Docker containers for isolation, detailing the system architecture, required Docker image, container management API, tool implementations such as code execution and web browsing, and provides complete Python code examples for testing and deployment.

DockerMulti-userPython
0 likes · 12 min read
How to Build a Multi‑User Agent Backend with Docker Isolation
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Mar 7, 2025 · Frontend Development

Optimizing Infinite‑Scroll Waterfall Layouts with CSS Grid, IntersectionObserver, and Modern Browser Features

This article explains how to build a high‑performance infinite‑scroll waterfall layout for e‑commerce using CSS Grid, IntersectionObserver, native lazy‑loading attributes, asynchronous decoding, React's useTransition, content‑visibility, and the AVIF image format to reduce load time and improve smoothness.

AVIFCSS GridContent-Visibility
0 likes · 13 min read
Optimizing Infinite‑Scroll Waterfall Layouts with CSS Grid, IntersectionObserver, and Modern Browser Features
大转转FE
大转转FE
Mar 3, 2025 · Frontend Development

Zhuanzhuan Frontend Weekly – Curated Technical Articles

This issue of Zhuanzhuan Frontend Weekly curates five insightful technical articles covering React UI paradigm shifts, a Rust beginner’s journey to production, performance improvements in a mini‑program simulator, integration of the Qwen‑2.5‑VL model with Midscene.js, and Didi’s experience in managing technical debt for internationalization.

AIPerformanceReAct
0 likes · 5 min read
Zhuanzhuan Frontend Weekly – Curated Technical Articles
Full-Stack Cultivation Path
Full-Stack Cultivation Path
Mar 1, 2025 · Frontend Development

Ant Group’s Secret Weapon WeaveFox: Will AI Make Front‑End Development Obsolete?

WeaveFox, Ant Group’s AI‑powered front‑end platform, claims to turn design drafts into fully functional React or Vue code—including precise pixel alignment and interactive effects—in seconds, while offering cross‑terminal support, automated refactoring, performance boosts, and a continuous learning loop, yet the author argues it won’t fully replace developers.

AI frontendReActVue
0 likes · 7 min read
Ant Group’s Secret Weapon WeaveFox: Will AI Make Front‑End Development Obsolete?
Bilibili Tech
Bilibili Tech
Feb 28, 2025 · Frontend Development

Why React’s Hooks Sparked a New UI Paradigm—and What Comes Next

The article traces React’s evolution from early JSX‑based componentization to the Hooks‑driven functional component era, compares alternative approaches like Solid.js, Vue, and Svelte, and reflects on the underlying principles of separation of concerns and intimacy that drive UI paradigm shifts.

Component ArchitectureHooksReAct
0 likes · 19 min read
Why React’s Hooks Sparked a New UI Paradigm—and What Comes Next
Sohu Tech Products
Sohu Tech Products
Feb 26, 2025 · Frontend Development

Detecting and Optimizing Repeated Rendering in Large React Applications with React Scan

The article explains how repeated rendering slows large React applications, introduces the React Scan tool for automatically detecting unnecessary renders, details its installation via script tag or npm, describes its core APIs, and shows how to combine it with memoization, useCallback, useMemo, and other optimization techniques to improve performance.

JavaScriptReActReact Scan
0 likes · 14 min read
Detecting and Optimizing Repeated Rendering in Large React Applications with React Scan
AI Large Model Application Practice
AI Large Model Application Practice
Feb 24, 2025 · Artificial Intelligence

How Web Agents Combine LLMs and Browser Automation to Perform Real‑World Tasks

This article explains what Web Agents are, their ReAct‑style reasoning loop, key implementation technologies such as observation parsing, multimodal models, and browser control tools like Selenium and Playwright, and demonstrates building a DeepSeek‑powered Web Agent with the Browser‑use framework, including code samples and performance insights.

DeepSeekLLMPlaywright
0 likes · 11 min read
How Web Agents Combine LLMs and Browser Automation to Perform Real‑World Tasks
MoonWebTeam
MoonWebTeam
Feb 22, 2025 · Frontend Development

2024 Front‑End Tech Review: TypeScript Surge, React 19, Rust‑Powered Tooling and AI‑Driven Trends

This comprehensive 2024 review examines the rapid rise of TypeScript, new features in ECMAScript, the evolution of major frameworks like React 19 and Vue 3.5, the Rust‑driven shift in build tools, emerging JavaScript runtimes, Chrome’s AI integrations, and the growing impact of AI, low‑code and WebAssembly on front‑end development.

ReActWebAssembly
0 likes · 76 min read
2024 Front‑End Tech Review: TypeScript Surge, React 19, Rust‑Powered Tooling and AI‑Driven Trends
Java Tech Enthusiast
Java Tech Enthusiast
Feb 20, 2025 · Artificial Intelligence

Hands‑On Review: Trae AI IDE Brings Claude‑3.5 and GPT‑4o to Windows

The article provides a detailed, experience‑driven review of the newly released Windows version of Trae AI IDE, highlighting its built‑in Claude‑3.5‑Sonnet and GPT‑4o support, dual Chat and Builder modes, step‑by‑step project generation with TypeScript‑React, and practical observations on usability and limitations.

AI IDEBuilder modeChat mode
0 likes · 5 min read
Hands‑On Review: Trae AI IDE Brings Claude‑3.5 and GPT‑4o to Windows
JD Cloud Developers
JD Cloud Developers
Feb 20, 2025 · Artificial Intelligence

How Multi‑Agent ReAct Architecture Boosts E‑Commerce AI Assistants

This article explains the evolution of multi‑agent systems for e‑commerce assistants, detailing the ReAct‑based planning framework, hierarchical master‑sub agent collaboration, evaluation methods, and sample‑generation techniques that together improve accuracy, efficiency, and scalability of AI‑driven merchant services.

AI planningAgent ArchitectureE‑commerce
0 likes · 23 min read
How Multi‑Agent ReAct Architecture Boosts E‑Commerce AI Assistants
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
JD Retail Technology
JD Retail Technology
Feb 10, 2025 · Artificial Intelligence

JD Merchant Intelligent Assistant: Multi‑Agent Architecture and Technical Exploration

The JD Merchant Intelligent Assistant employs a large‑language‑model‑driven multi‑agent architecture with dynamic ReAct planning, enabling merchants to query and execute store operations in under a second with over 90 % decision accuracy, while reducing inference cost, hallucinations, and engineering effort across diverse e‑commerce tasks.

AIEvaluationLLM
0 likes · 25 min read
JD Merchant Intelligent Assistant: Multi‑Agent Architecture and Technical Exploration
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 APIJavaScriptReAct
0 likes · 13 min read
Component Communication in React 18 and Vue 3: Parent‑Child, Sibling, and Cross‑Level Patterns
KooFE Frontend Team
KooFE Frontend Team
Feb 5, 2025 · Frontend Development

Making React Components Open‑Closed: Extensible Patterns and Refactoring

This article explains how the Open‑Closed Principle applies to React development, demonstrating anti‑patterns and refactoring techniques—including base components, composition, higher‑order components, and custom hooks—to create extensible, maintainable UI elements while keeping tests simple.

Custom HooksHigher-Order ComponentsOpen-Closed Principle
0 likes · 7 min read
Making React Components Open‑Closed: Extensible Patterns and Refactoring
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Feb 1, 2025 · Frontend Development

Exploring TanStack Router: Routing Modes, TypeScript Support, Preloading, and SWR

This article introduces TanStack Router for React, detailing its three routing modes—file‑based, virtual file, and code‑based—along with TypeScript support, preloading strategies, request waterfall optimization, and stale‑while‑revalidate caching, providing practical insights and links for further exploration.

ReActRoutingSWR
0 likes · 11 min read
Exploring TanStack Router: Routing Modes, TypeScript Support, Preloading, and SWR
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
21CTO
21CTO
Jan 22, 2025 · Artificial Intelligence

Understanding AI Agents: Core Components, Architecture, and Practical Implementation

This article consolidates Google's Kaggle whitepaper on AI Agents, explaining their definition, key characteristics, core components—model, tools, and orchestration layer—along with architectural diagrams, learning techniques, and practical deployment steps on Vertex AI, offering a comprehensive guide for building generative AI agents.

AI AgentsModel-Tool-OrchestrationPrompt Engineering
0 likes · 16 min read
Understanding AI Agents: Core Components, Architecture, and Practical Implementation
Code Mala Tang
Code Mala Tang
Jan 18, 2025 · Frontend Development

SSR’s Bright Future: Jamstack, React Server Components & WebAssembly

This article explains the fundamentals of Jamstack and server‑side rendering (SSR), compares their roles in modern web development, and examines emerging trends such as React Server Components, WebAssembly integration, serverless architectures, and hybrid rendering, outlining how these innovations shape the future of SSR.

JamstackReActSSR
0 likes · 7 min read
SSR’s Bright Future: Jamstack, React Server Components & WebAssembly
Smart Era Software Development
Smart Era Software Development
Jan 17, 2025 · Artificial Intelligence

Google’s AI Agent Whitepaper Signals the Dawn of the Agent Era in 2025

The article provides a detailed analysis of Google’s AI Agent whitepaper, explaining the agent architecture, core components such as models, tools, and orchestration layers, comparing extensions, functions, and data stores, and demonstrating practical implementations with LangChain and Vertex AI to illustrate how targeted learning can boost agent performance.

AI AgentsData StoresGoogle AI
0 likes · 28 min read
Google’s AI Agent Whitepaper Signals the Dawn of the Agent Era in 2025
Sohu Tech Products
Sohu Tech Products
Jan 8, 2025 · Frontend Development

React‑scan: Fine‑Grained Performance Monitoring for React Applications

React‑scan is a lightweight library that automatically monitors and visualizes component render activity in real‑time, requiring minimal setup, to help developers quickly identify and eliminate unnecessary re‑renders in complex React applications, improving performance without altering existing code.

JavaScriptPerformance OptimizationReAct
0 likes · 11 min read
React‑scan: Fine‑Grained Performance Monitoring for React Applications
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
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jan 5, 2025 · Frontend Development

Understanding Controlled vs Uncontrolled Components and Implementing the usePropsValue Hook in React

The article explains the difference between controlled and uncontrolled React components, introduces the usePropsValue custom hook to unify their handling, provides implementation details with code examples, and discusses optimization techniques to reduce unnecessary re-renders.

Controlled ComponentCustom HookPerformance Optimization
0 likes · 6 min read
Understanding Controlled vs Uncontrolled Components and Implementing the usePropsValue Hook in React
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jan 4, 2025 · Frontend Development

Vite Port Detection Issue Caused by Host Configuration in Micro‑Frontend Projects

During development of a micro‑frontend project using wujie, the child app required port 5173 for communication, but newly created Vite React‑TS projects failed to auto‑increment the port, revealing that Vite’s port‑detection logic also depends on the host setting, not just the port number.

Host ConfigurationPort DetectionReAct
0 likes · 4 min read
Vite Port Detection Issue Caused by Host Configuration in Micro‑Frontend Projects
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Dec 27, 2024 · Frontend Development

My Technical Stack Overview

This article presents a comprehensive overview of the author's current technology stack, covering frontend frameworks like React and Next.js, mobile development with React Native, TypeScript usage, backend tools such as NestJS, Prisma with MySQL, Redis caching, and frontend engineering practices.

NestJSNext.jsNode.js
0 likes · 11 min read
My Technical Stack Overview
Architect's Guide
Architect's Guide
Dec 24, 2024 · Frontend Development

One‑Click Frontend Generation Tool for Backend Developers

This article introduces a free, low‑code web tool that lets backend developers instantly generate a functional admin‑type frontend UI from database schemas or Java/SQL description files, requiring only minimal configuration and no front‑end coding skills.

Backend ToolsJavaReAct
0 likes · 5 min read
One‑Click Frontend Generation Tool for Backend Developers
Rare Earth Juejin Tech Community
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.

JavaScriptReActReact19
0 likes · 9 min read
Understanding the New “use” Hook in React 19 and Its Impact on UI Development