Tag

React

0 views collected around this technical thread.

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-APICross‑PlatformFrontend
0 likes · 9 min read
Taro on Harmony C-API: Open-Source Cross-Platform Framework for Native Harmony Apps
macrozheng
macrozheng
May 30, 2025 · Frontend Development

Unlock Rapid UI Building with Alibaba’s LowCodeEngine: Features, Setup, and Demo

This article introduces Alibaba’s open‑source LowCodeEngine, outlines its browser compatibility, core features, protocol standards, provides installation and initialization code, explains CDN integration options, and showcases the editor’s UI panels and real‑world use cases.

FrontendLow-CodeReact
0 likes · 8 min read
Unlock Rapid UI Building with Alibaba’s LowCodeEngine: Features, Setup, and Demo
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-APICross‑PlatformFrontend
0 likes · 9 min read
Taro on Harmony C‑API: Cross‑Platform Frontend Framework for HarmonyOS
Tencent Technical Engineering
Tencent Technical Engineering
May 23, 2025 · Artificial Intelligence

The Evolution, Challenges, and Future Directions of AI Agents

An in‑depth overview traces the development of AI agents from early LLM milestones to modern “class‑Agent” models, examines core components such as memory, tool use, planning and reflection, analyzes current limitations, and outlines emerging solutions like workflows, multi‑agent systems, and model‑as‑product paradigms.

AI AgentAgentic WorkflowFunction Call
0 likes · 40 min read
The Evolution, Challenges, and Future Directions of AI Agents
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Apr 29, 2025 · Frontend Development

Implementing Vue‑Style Directives in React with a Babel Plugin

This article explores three approaches to bring Vue‑like directives such as r‑if and r‑for into React, compares their pros and cons, and provides a complete Babel plugin implementation that transforms custom JSX attributes into standard React conditional and list rendering syntax.

BabelDirectivesFrontend
0 likes · 9 min read
Implementing Vue‑Style Directives in React with a Babel Plugin
JD Tech Talk
JD Tech Talk
Apr 28, 2025 · Mobile Development

Taro on HarmonyOS: Evolution and Performance Optimization of a Cross-Platform Framework

This article details JD's Taro framework adaptation for HarmonyOS, tracing its evolution from ArkTS-based to C-API-driven single- and multi-threaded architectures, highlighting performance gains, feature support, and future enhancements for native-like HarmonyOS app development.

C-APICross‑PlatformHarmonyOS
0 likes · 9 min read
Taro on HarmonyOS: Evolution and Performance Optimization of a Cross-Platform Framework
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Apr 11, 2025 · Frontend Development

Recreating Bilibili Home Page Banner with Native JavaScript and Major Frontend Frameworks

This article explains how to analyze Bilibili's homepage banner, extract its image layers and transformation data, and then implement the same effect using pure JavaScript as well as Angular, React, and Vue, providing complete source code and a step‑by‑step guide.

AngularBilibili BannerCSS
0 likes · 22 min read
Recreating Bilibili Home Page Banner with Native JavaScript and Major Frontend Frameworks
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
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.

AIReactcode refactoring
0 likes · 12 min read
Leveraging AI and the ReAct Framework for Efficient Code Refactoring
macrozheng
macrozheng
Mar 30, 2025 · Frontend Development

Boost Your Admin UI with DripTable: A Low‑Code React Table Solution

This article introduces DripTable, an open‑source React‑based low‑code table framework that uses JSON Schema for rapid backend‑admin list creation, outlines its advantages, explains when to adopt it, and provides step‑by‑step installation and usage instructions for both the configuration and application sides.

FrontendJSON SchemaLow-Code
0 likes · 5 min read
Boost Your Admin UI with DripTable: A Low‑Code React Table Solution
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 RequestsComponentsError Handling
0 likes · 23 min read
React TypeScript Development Guide: Components, Hooks, Events, and Asynchronous Requests
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Mar 26, 2025 · Artificial Intelligence

Using Figma MCP with Cursor AI IDE: A Step-by-Step Guide

This tutorial explains how to set up and use the open‑source Figma MCP service with the Cursor AI IDE, covering API key creation, server configuration, command‑line startup, JSON setup, and a React ECharts example, plus troubleshooting tips for successful integration.

AI IDECursorECharts
0 likes · 6 min read
Using Figma MCP with Cursor AI IDE: A Step-by-Step Guide
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.

FrontendHooksReact
0 likes · 12 min read
When useState Becomes a Trap: Why useReducer Is the Better Choice
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Mar 14, 2025 · Frontend Development

Using Bitwise Operations for Efficient Permission Management in Frontend Development

This article explores how bitwise operators can replace verbose boolean checks for permission handling, drawing examples from React Fiber, Vue3 virtual DOM, and common algorithmic problems, and provides a step‑by‑step guide to building a compact, high‑performance permission system in JavaScript.

FrontendJavaScriptReact
0 likes · 11 min read
Using Bitwise Operations for Efficient Permission Management in Frontend Development
Architect
Architect
Mar 11, 2025 · Artificial Intelligence

OpenManus: Design, Architecture, and Future Directions of a Multi‑Agent System

OpenManus is an open‑source, plug‑in‑friendly multi‑agent framework that combines planning, tool‑driven ReAct agents, dynamic task allocation, and memory management, detailing its design principles, code structure, workflow, technical components, and future research directions within the AI agent ecosystem.

AI planningMulti-Agent SystemsOpenManus
0 likes · 18 min read
OpenManus: Design, Architecture, and Future Directions of a Multi‑Agent System
大转转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.

AIFrontendReact
0 likes · 5 min read
Zhuanzhuan Frontend Weekly – Curated Technical Articles
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.

Front-endJavaScriptReact
0 likes · 14 min read
Detecting and Optimizing Repeated Rendering in Large React Applications with React Scan