BestHub
Sign in
Tagged articles
167 articles
Page 1 of 2
AI Architecture Hub
AI Architecture Hub
May 18, 2026 · Artificial Intelligence

Agent Hooks: A Deterministic Approach to Making AI Agent Workflows Controllable

The article explains how agent hooks add programmable, deterministic control to AI agent workflows by binding custom handlers to specific lifecycle events, demonstrates six core hooks with concrete Python examples, and shows how this separation of policy from model memory reduces errors, speeds feedback, and improves auditability.

AI AgentsAutomationPython
0 likes · 18 min read
Agent Hooks: A Deterministic Approach to Making AI Agent Workflows Controllable
IT Services Circle
IT Services Circle
May 3, 2026 · Artificial Intelligence

Master Claude Code with the /powerup Command: A Complete Interactive Tutorial

This article walks you through Claude Code’s new /powerup command introduced in version v2.1.90, showing how to verify your version, launch the interactive ten‑lesson tutorial, use file references with @, switch between four operation modes, undo changes, run background tasks, configure CLAUDE.md, extend functionality with MCP, install Skills and Hooks, create Subagents, sync sessions across devices, and adjust model and effort settings for optimal performance.

AI CodingCLI tutorialClaude Code
0 likes · 34 min read
Master Claude Code with the /powerup Command: A Complete Interactive Tutorial
Old Meng AI Explorer
Old Meng AI Explorer
May 2, 2026 · Artificial Intelligence

Mastering Claude Code: A Complete Beginner‑to‑Expert Guide

This article provides a comprehensive walkthrough of Claude Code, covering its core capabilities, cross‑platform installation, login methods, basic commands, advanced features like hooks and MCP, a detailed comparison with GitHub Copilot, best‑practice prompts, and FAQs, enabling developers to boost productivity with an AI‑driven terminal assistant.

AI coding assistantAutomationCLI
0 likes · 16 min read
Mastering Claude Code: A Complete Beginner‑to‑Expert Guide
Code Mala Tang
Code Mala Tang
Apr 29, 2026 · Operations

Mastering Claude Code Permissions: A Complete Guide to settings.json

This guide explains how to configure Claude Code’s settings.json file at global, project, and local levels, defining allow, deny, and ask rules, default modes, safe command lists, and hooks, enabling seamless team‑shared permissions and eliminating repetitive permission prompts during development sessions.

Claude CodePermissionshooks
0 likes · 11 min read
Mastering Claude Code Permissions: A Complete Guide to settings.json
Architect
Architect
Apr 23, 2026 · Artificial Intelligence

What Exactly Belongs in a .claude/ Folder? A Beginner’s Guide

This article explains the purpose and layered structure of the .claude/ directory in Claude Code projects, detailing what files belong in CLAUDE.md, settings.json, hooks, commands, skills, and agents, and how to organize project‑level versus user‑level configurations for reliable, maintainable AI‑assisted development.

AI AgentsClaude CodeSkills
0 likes · 32 min read
What Exactly Belongs in a .claude/ Folder? A Beginner’s Guide
ArcThink
ArcThink
Apr 14, 2026 · Artificial Intelligence

Mastering Claude Code Plugins: Skills, MCP, Hooks and Real‑World Configurations

This guide dissects Claude Code’s rapidly growing plugin ecosystem—covering the five‑layer architecture, top‑installed plugins, detailed configuration examples for Skills, MCP servers, Agents, and Hooks, and practical best‑practice recommendations to turn Claude Code into a powerful, production‑grade development assistant.

AI pluginsClaude CodeConfiguration
0 likes · 22 min read
Mastering Claude Code Plugins: Skills, MCP, Hooks and Real‑World Configurations
Tech Verticals & Horizontals
Tech Verticals & Horizontals
Apr 11, 2026 · Artificial Intelligence

OpenClaw Automation Explained: From Zero to Enterprise‑Ready Architecture, Hooks & Webhooks

The article walks readers through OpenClaw’s complete automation architecture, detailing the roles of Client, Gateway, Hooks, Cron, Heartbeat, Agent, Skills, and Plugins, explaining event flow, execution steps, hook loading, webhook integration, and practical enterprise deployment patterns, while providing concrete examples and configuration snippets.

AIAgentAutomation
0 likes · 13 min read
OpenClaw Automation Explained: From Zero to Enterprise‑Ready Architecture, Hooks & Webhooks
Old Meng AI Explorer
Old Meng AI Explorer
Apr 9, 2026 · Artificial Intelligence

Unlock Claude Code’s Full Potential: 6 Advanced Techniques to Supercharge Your Development

This guide walks developers through six powerful Claude Code features—including CLAUDE.md memory, Plan Mode planning, fine‑grained permission controls, Sub‑Agents, Model Context Protocol integration, and automated Hooks—showing how to boost productivity, ensure code quality, and avoid common pitfalls.

AI programmingClaude CodeMCP
0 likes · 23 min read
Unlock Claude Code’s Full Potential: 6 Advanced Techniques to Supercharge Your Development
ShiZhen AI
ShiZhen AI
Apr 6, 2026 · Artificial Intelligence

Boost Claude.md Compliance to 100% with 8 Essential Hooks

The article explains why Claude.md only obeys about 80% of instructions, introduces Claude Code Hooks as a deterministic alternative, and provides eight ready‑to‑copy hook configurations—including auto‑formatting, dangerous‑command blocking, file protection, test enforcement, linting, command logging, and automatic commits—to reliably enforce code‑quality policies.

AutomationClaudeESLint
0 likes · 12 min read
Boost Claude.md Compliance to 100% with 8 Essential Hooks
Java One
Java One
Apr 3, 2026 · Artificial Intelligence

Can You Pass the Claude Code Official Tutorial Quiz? Test Your Knowledge

This article presents an eight‑question quiz covering Claude Code’s tool system limitations, GitHub integration permissions, planning vs. thinking modes, Claude.md file types, custom command creation, hook behavior, and hook purposes, followed by the correct answer key for self‑assessment.

AI coding assistantClaude CodeQuiz
0 likes · 6 min read
Can You Pass the Claude Code Official Tutorial Quiz? Test Your Knowledge
AI Insight Log
AI Insight Log
Apr 2, 2026 · Artificial Intelligence

15 Underrated Claude Code Features You Probably Missed

The article reviews 15 hidden Claude Code capabilities—ranging from mobile coding and voice input to automation loops, batch tasks, and advanced configuration—showing how they enable multi‑device collaboration, programmable workflows, and higher development efficiency while noting beta limitations.

AI coding assistantAutomationCLI
0 likes · 8 min read
15 Underrated Claude Code Features You Probably Missed
SuanNi
SuanNi
Mar 31, 2026 · Artificial Intelligence

Mastering Claude Code: A Complete Guide to the .claude Folder and Advanced Configurations

This in‑depth guide explains how to unlock the full power of Claude Code by understanding the dual .claude directories, crafting effective CLAUDE.md and CLAUDE.local.md files, organizing modular rules, hooks, skills, and agents, and configuring permissions with settings.json for secure, repeatable AI‑assisted development.

AI AssistantClaudeConfiguration
0 likes · 16 min read
Mastering Claude Code: A Complete Guide to the .claude Folder and Advanced Configurations
Java One
Java One
Mar 31, 2026 · Artificial Intelligence

Master Claude Code Hooks: PreToolUse & PostToolUse for Secure AI Workflows

This guide explains how to use Claude Code hooks—PreToolUse and PostToolUse—to run custom commands before or after tool execution, configure them in global or project settings, and implement practical examples such as blocking .env file access, type‑checking TypeScript, and preventing duplicate queries.

AI automationClaude CodePostToolUse
0 likes · 20 min read
Master Claude Code Hooks: PreToolUse & PostToolUse for Secure AI Workflows
AI Waka
AI Waka
Mar 30, 2026 · Artificial Intelligence

Can Claude Code Replicate OpenClaw’s Architecture? A Layer‑by‑Layer Mapping

This article analyzes how Claude Code’s native features map onto OpenClaw’s four‑layer architecture, detailing each layer’s correspondence, the remaining gaps, and practical guidance for building a hybrid ClaudeClaw system that leverages hooks, skills, remote control, and channel plugins.

AI AgentsAgent orchestrationClaude Code
0 likes · 29 min read
Can Claude Code Replicate OpenClaw’s Architecture? A Layer‑by‑Layer Mapping
AI Engineering
AI Engineering
Mar 30, 2026 · Artificial Intelligence

How to Master Claude Code: A Practical Guide to the .claude Folder

This guide explains the purpose of the .claude directory, details how CLAUDE.md, rules, hooks, skills, agents, and settings.json work together, and provides step‑by‑step instructions for configuring Claude Code to follow project‑specific policies and improve productivity.

AI AssistantClaude CodeSkills
0 likes · 13 min read
How to Master Claude Code: A Practical Guide to the .claude Folder
AI Open-Source Efficiency Guide
AI Open-Source Efficiency Guide
Mar 29, 2026 · Artificial Intelligence

Claude Code Visual Tutorial: 10 Modules, Mermaid Diagrams, and Ready‑to‑Use Templates

This guide walks you through the open‑source Claude HowTo project, showing how to clone the repository, install slash commands, memory files, skills, sub‑agents, MCP, hooks, plugins and other modules, and explains each feature with concrete examples, usage commands and estimated learning times.

AI automationCLI CommandsClaude Code
0 likes · 17 min read
Claude Code Visual Tutorial: 10 Modules, Mermaid Diagrams, and Ready‑to‑Use Templates
AI Algorithm Path
AI Algorithm Path
Mar 29, 2026 · Artificial Intelligence

Mastering Claude Code Extensions: Skills, MCP, Hooks, Sub‑agents, Agent Teams & Plugins

Claude Code, Anthropic's CLI AI programming assistant, offers six extensible mechanisms—Skills, MCP, Sub‑agents, Agent Teams, Hooks, and Plugins—each explained with purpose, setup steps, concrete examples, and practical guidance on when and how to combine them for robust AI‑driven workflows.

AI extensionsAgent TeamsClaude Code
0 likes · 12 min read
Mastering Claude Code Extensions: Skills, MCP, Hooks, Sub‑agents, Agent Teams & Plugins
AI Step-by-Step
AI Step-by-Step
Mar 17, 2026 · Industry Insights

How OpenClaw Redefines Enterprise Software with AI‑Powered Business Integration

The article analyzes OpenClaw as an AI‑driven business‑connection layer that unifies chat entry, tool execution, and event‑driven automation, showing how enterprises can shorten system gaps, automate long‑tail workflows, and adopt a new agent‑based service model without replacing existing ERP or CRM solutions.

AI AgentsLLMOpenClaw
0 likes · 8 min read
How OpenClaw Redefines Enterprise Software with AI‑Powered Business Integration
Architect
Architect
Mar 15, 2026 · Artificial Intelligence

Mastering Claude Code: A Proven Workflow to Keep AI Agents Stable

This article outlines a practical, step‑by‑step workflow for Claude Code that starts with defining acceptance criteria, correctly layering context, selecting the right execution channel, enforcing system‑level constraints, and actively managing long sessions, turning experimental AI agents into reliable engineering tools.

AI AgentsClaude CodeContext management
0 likes · 27 min read
Mastering Claude Code: A Proven Workflow to Keep AI Agents Stable
AI Code to Success
AI Code to Success
Mar 13, 2026 · Operations

How to Automate Your Daily Dev Tasks with Claude Code Hooks

This guide explains how Claude Code Hooks can automatically run git status, dependency checks, linting, testing and other routine commands when you open a project, edit files, commit code, or perform risky operations, turning repetitive manual steps into a smooth, error‑free workflow.

AutomationCLIClaude Code
0 likes · 12 min read
How to Automate Your Daily Dev Tasks with Claude Code Hooks
ShiZhen AI
ShiZhen AI
Mar 9, 2026 · Operations

Beginner’s Complete OpenClaw Installation Guide: Get Started in 10 Minutes

This step‑by‑step tutorial shows beginners how to verify Node.js, install OpenClaw on macOS, Linux or Windows with a single command, run the initialization wizard, configure AI models and hooks, and start chatting via a web dashboard or terminal UI, all within ten minutes.

AI AssistantCLIDashboard
0 likes · 12 min read
Beginner’s Complete OpenClaw Installation Guide: Get Started in 10 Minutes
Shuge Unlimited
Shuge Unlimited
Mar 8, 2026 · Artificial Intelligence

Deep Dive into Claude Code Hooks: 16 Events and 6 Real‑World Scenarios for Automating Your Workflow

This article explains Claude Code Hooks, detailing the 16 lifecycle events, four hook types, and six practical scenarios—from task‑completion notifications to file protection—showing how deterministic hooks can automate workflows, enforce policies, and improve reliability when using Claude Code for AI‑assisted development.

AIAutomationClaude Code
0 likes · 32 min read
Deep Dive into Claude Code Hooks: 16 Events and 6 Real‑World Scenarios for Automating Your Workflow
Tech Musings
Tech Musings
Mar 6, 2026 · Artificial Intelligence

How to Build a Qwen3 Chat UI with Chainlit: Hooks, Auth, and Persistence

Learn how to use the Chainlit Python framework to create a web‑based Qwen3 chat interface, covering its core features, hook mechanisms for data layers, authentication, chat start, message handling, streaming generation, performance monitoring, and session restoration, with full code examples and SQLite persistence.

AIChainlitPython
0 likes · 13 min read
How to Build a Qwen3 Chat UI with Chainlit: Hooks, Auth, and Persistence
AI Tech Publishing
AI Tech Publishing
Feb 25, 2026 · Artificial Intelligence

How to Build a Code Review Agent from Scratch Using Claude Agent SDK (Part 1)

This tutorial walks through creating a full‑featured code‑review Agent with Claude Agent SDK, covering installation, TypeScript setup, the SDK‑managed agent loop, structured JSON output, permission handling, sub‑agents, session management, hooks, custom MCP tools, cost tracking, and a production‑grade example.

AI AgentClaude Agent SDKCode review
0 likes · 21 min read
How to Build a Code Review Agent from Scratch Using Claude Agent SDK (Part 1)
AI Cyberspace
AI Cyberspace
Feb 24, 2026 · Artificial Intelligence

Master Claude Code: Full Guide to AI-Powered Programming, Permissions & Agent Teams

This comprehensive guide explains Claude Code’s AI-driven programming capabilities, project initialization, permission modes, session management, version control, hooks, MCP integration, subagents, plugins, and the multi‑agent Team architecture, providing practical commands and best‑practice tips for developers.

AgentTeamsClaude CodePermissions
0 likes · 16 min read
Master Claude Code: Full Guide to AI-Powered Programming, Permissions & Agent Teams
Tech Minimalism
Tech Minimalism
Feb 2, 2026 · Artificial Intelligence

Turning Markdown into Persistent Memory: Inside the planning-with-files Claude Code Plugin

planning-with-files is a Claude Code plugin that replaces volatile AI context with durable Markdown files—task_plan.md, findings.md, and progress.md—using hooks to automatically sync goals, record research, and log actions, enabling reliable task tracking, error persistence, and seamless session recovery for complex coding projects.

AI workflowClaude Codehooks
0 likes · 14 min read
Turning Markdown into Persistent Memory: Inside the planning-with-files Claude Code Plugin
Frontend AI Walk
Frontend AI Walk
Jan 29, 2026 · Artificial Intelligence

AI Programming Concepts: Rules, Commands, Subagents, MCP, Skills, Modes, Hooks

The article systematically defines and compares the seven key AI programming abstractions—Rules, Commands, Subagents, MCP, Skills, Modes, and Hooks—detailing their core characteristics, typical use cases, implementation patterns, and best‑practice guidelines while highlighting common misunderstand‑ings and design trade‑offs.

AI programmingAgent DesignModes
0 likes · 18 min read
AI Programming Concepts: Rules, Commands, Subagents, MCP, Skills, Modes, Hooks
Wuming AI
Wuming AI
Jan 27, 2026 · Artificial Intelligence

Master Claude Code: Build Efficient AI‑Powered Development Workflows

This guide explains how to treat Claude Code as a long‑term partner by configuring lightweight fine‑tuning, organizing reusable skills and slash commands, leveraging event‑driven hooks, deploying focused subagents, managing Model Context Protocol (MCP) and plugins, and applying productivity tips to maximize AI‑assisted coding efficiency.

AIAutomationClaude
0 likes · 12 min read
Master Claude Code: Build Efficient AI‑Powered Development Workflows
AI Architecture Hub
AI Architecture Hub
Jan 27, 2026 · Artificial Intelligence

Master Claude Code: From Quick Setup to Advanced AI‑Powered Development

This step‑by‑step guide walks you through installing Claude Code, switching between its default, automatic, and plan modes, handling complex refactoring tasks, managing terminal and background processes, leveraging Figma MCP for image‑driven coding, and unlocking advanced hooks, agent skills, sub‑agents, and plugins to boost AI‑assisted development productivity.

AI coding assistantClaude CodePlugins
0 likes · 10 min read
Master Claude Code: From Quick Setup to Advanced AI‑Powered Development
BirdNest Tech Talk
BirdNest Tech Talk
Jan 27, 2026 · Artificial Intelligence

What Makes Claude Code Tick? A Deep Dive into Subagents, Skills, MCP, Slash Commands, Hooks, and Plugins

The article breaks down Claude Code’s six building blocks—Subagents, Skills, Model Context Protocol (MCP), Slash Commands, Hooks, and Plugins—detailing their characteristics, execution methods, programmability, complexity, autonomy, use cases, customization difficulty, persistence, and integration patterns, and concludes with a comparative matrix and key distinctions.

AI AgentsClaude CodeModel Context Protocol
0 likes · 9 min read
What Makes Claude Code Tick? A Deep Dive into Subagents, Skills, MCP, Slash Commands, Hooks, and Plugins
AI Architecture Hub
AI Architecture Hub
Jan 26, 2026 · Artificial Intelligence

How Everything Claude Code Turns AI Coding Into Reliable Engineering

Everything Claude Code, an open‑source, production‑tested Claude AI coding assistant, rapidly gained 25.7k stars by offering a modular, engineering‑grade configuration that standardizes code style, automates rule enforcement, and integrates hooks, agents, skills, commands, and MCP to streamline AI‑driven development.

AI CodingClaudeMCP
0 likes · 8 min read
How Everything Claude Code Turns AI Coding Into Reliable Engineering
Tech Minimalism
Tech Minimalism
Jan 14, 2026 · Artificial Intelligence

Build Custom Claude Code Plugins: A Complete Step‑by‑Step Guide

This article walks you through the entire process of creating Claude Code plugins—from understanding why plugins are needed, setting up the directory structure, writing commands, agents, skills, and hooks, to testing, debugging, advanced features, and publishing—providing concrete code examples, configuration files, and best‑practice recommendations.

AI AssistantClaude CodeCustom Commands
0 likes · 19 min read
Build Custom Claude Code Plugins: A Complete Step‑by‑Step Guide
Programmer's Advance
Programmer's Advance
Jan 12, 2026 · Artificial Intelligence

How Claude Code’s Hook System Transforms AI Programming Safety and Automation

This article explains the Claude Code Hook mechanism, detailing its event‑driven architecture, the ten lifecycle events, concrete security and code‑quality use cases, step‑by‑step script examples, performance and safety best practices, and future directions such as Prompt‑Based Hooks, showing how deterministic control turns AI assistants into reliable, automatable collaborators.

AIAutomationDevOps
0 likes · 25 min read
How Claude Code’s Hook System Transforms AI Programming Safety and Automation
Code Wrench
Code Wrench
Jan 6, 2026 · Backend Development

When to Move from Hooks to Events: A Practical Evolution Guide

This article examines how business scale and system boundaries evolve, explaining when hooks are optimal, why they become problematic, and how to transition smoothly to event‑driven architectures with concrete examples, signals, and a step‑by‑step migration path.

Backend ArchitectureEvent-drivenSoftware Engineering
0 likes · 9 min read
When to Move from Hooks to Events: A Practical Evolution Guide
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
Instant Consumer Technology Team
Instant Consumer Technology Team
Sep 25, 2025 · Artificial Intelligence

Ultimate Guide to Using ClaudeCode: Installation, Tips, and Advanced Features

This comprehensive guide walks you through ClaudeCode, an Anthropic command‑line AI programming assistant, covering its core concepts, step‑by‑step installation, Chinese‑specific configuration, essential commands, custom agents, hooks, MCP server setup, workflow modes, and additional tools to transform ClaudeCode into a powerful end‑to‑end development partner.

AI programmingCLI toolClaudeCode
0 likes · 30 min read
Ultimate Guide to Using ClaudeCode: Installation, Tips, and Advanced Features
Full-Stack Cultivation Path
Full-Stack Cultivation Path
Aug 27, 2025 · Frontend Development

How to Supercharge Axios in Vue 3 with TanStack Query

This article explains how TanStack Query Vue transforms the plain Axios HTTP client into a full‑featured data layer for Vue 3, offering built‑in caching, pagination, request cancellation, optimistic updates, and devtools, with concrete code examples and side‑by‑side comparisons to pure Axios usage.

Data FetchingTanStack QueryVue3
0 likes · 8 min read
How to Supercharge Axios in Vue 3 with TanStack Query
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
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jul 3, 2025 · Frontend Development

10 Must‑Know Vue3 Tricks to Supercharge Your Frontend Projects

Discover ten practical Vue3 techniques—including shallowRef, shallowReactive, toRef/toRefs, watchPostEffect, v‑for keys, custom hooks, v‑model modifiers, keep‑alive, and Web Workers—that boost performance, simplify data handling, and enhance component development for modern frontend projects.

Component DesignReactivityVue3
0 likes · 15 min read
10 Must‑Know Vue3 Tricks to Supercharge Your Frontend Projects
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jul 1, 2025 · Frontend Development

How We Rebuilt a Fault‑Tolerant Vue Permission System After Three Failed Attempts

After three successive permission‑system failures caused mismatched UI, fragmented checks, and tightly coupled logic, we rebuilt the Vue.js permission architecture using a unified API, a TypeScript‑typed hook, and an optional v‑permission directive, achieving maintainable, debuggable, and easily extensible access control across pages, buttons, and fields.

Frontend ArchitectureTypeScriptVue.js
0 likes · 7 min read
How We Rebuilt a Fault‑Tolerant Vue Permission System After Three Failed Attempts
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
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 RequestsError HandlingEvents
0 likes · 23 min read
React TypeScript Development Guide: Components, Hooks, Events, and Asynchronous Requests
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
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 ArchitectureReactSolid.js
0 likes · 19 min read
Why React’s Hooks Sparked a New UI Paradigm—and What Comes Next
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
Python Programming Learning Circle
Python Programming Learning Circle
Jan 3, 2025 · Artificial Intelligence

Visualizing Convolutional Neural Network Features with 40 Lines of Python Code

This article demonstrates how to visualize convolutional features of a VGG‑16 network using only about 40 lines of Python code, explains the underlying concepts, walks through generating patterns by maximizing filter activations, and provides a complete implementation with hooks, loss functions, and multi‑scale optimization.

CNNDeep LearningFeature Visualization
0 likes · 15 min read
Visualizing Convolutional Neural Network Features with 40 Lines of Python Code
IT Services Circle
IT Services Circle
Dec 7, 2024 · Frontend Development

React 19 New Features and Updates Overview

React 19 introduces a suite of new features including Actions with useActionState, optimistic UI with useOptimistic, the use hook for resource reading, enhanced form handling via useFormStatus, server components, static rendering APIs, improved hydration, ref-as-prop, metadata handling, stylesheet and async script support, and advanced resource preloading.

ReactReact19ServerComponents
0 likes · 20 min read
React 19 New Features and Updates Overview
Java Tech Enthusiast
Java Tech Enthusiast
Nov 25, 2024 · Frontend Development

Understanding Vue Composables (Hooks) and Their Usage

Vue’s reusable logic pattern, called Composables, are functions built with the Composition API that encapsulate reactive state via ref and lifecycle hooks, follow a use‑prefix naming convention, and let developers like the mouse‑tracker example share stateful behavior across components cleanly.

ComposablesComposition APIVue
0 likes · 5 min read
Understanding Vue Composables (Hooks) and Their Usage
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Oct 3, 2024 · Frontend Development

Using and Building Custom Hooks in Vue 3

This article explains what Hooks are, demonstrates how to use them in Vue 3, and guides readers through building reusable custom Hook functions such as useMouse and useTable, covering pagination, parameter handling, and best practices for clean, maintainable frontend code.

Composition APIJavaScriptVue
0 likes · 23 min read
Using and Building Custom Hooks in Vue 3
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Sep 28, 2024 · Mobile Development

Creating a Falling Confetti Effect in Flutter

This article explains how to build an eye‑catching falling confetti animation in Flutter by defining a ConfettiPiece class, using HookWidget for state management, CustomPaint for rendering, LayoutBuilder for responsive sizing, and a periodic timer to animate the pieces, with customizable parameters for color, size, and speed.

ConfettiCustomPaintMobile Development
0 likes · 9 min read
Creating a Falling Confetti Effect in Flutter
Alibaba Cloud Developer
Alibaba Cloud Developer
Aug 9, 2024 · Frontend Development

Mastering useRef in React with TypeScript: Avoid Common Pitfalls

This article explains how to correctly use React's useRef hook with TypeScript across several real‑world scenarios, compares different initialization patterns, highlights typical mistakes with useLayoutEffect, and provides best‑practice solutions for forwarding refs, merging refs, and exposing imperative handles.

ReactRefTypeScript
0 likes · 13 min read
Mastering useRef in React with TypeScript: Avoid Common Pitfalls
Java Tech Enthusiast
Java Tech Enthusiast
Jun 1, 2024 · Information Security

Git CVE-2024-32002 Remote Code Execution Vulnerability Analysis

The article examines Git CVE‑2024‑32002, a remote‑code‑execution flaw that lets attackers run malicious code simply by cloning a crafted repository, exploiting Git hooks, submodules and case‑insensitive symbolic‑link tricks, and advises users to verify their Git version and update to mitigate the risk.

CVE-2024-32002GitRCE
0 likes · 9 min read
Git CVE-2024-32002 Remote Code Execution Vulnerability Analysis
Java Tech Enthusiast
Java Tech Enthusiast
May 28, 2024 · Information Security

Remote Code Execution Vulnerability in Git (CVE-2024-32002) Explained

Git’s CVE‑2024‑32002 is a critical remote‑code‑execution flaw where a malicious repository can exploit hooks, submodules, and symlinks on case‑insensitive file systems to inject and run attacker‑controlled scripts during a recursive clone, affecting versions up to 2.45.0 and mitigated by disabling recursive submodule fetching, avoiding untrusted clones, and updating Git.

CVE-2024-32002GitRCE
0 likes · 9 min read
Remote Code Execution Vulnerability in Git (CVE-2024-32002) Explained
Goodme Frontend Team
Goodme Frontend Team
Apr 8, 2024 · Frontend Development

Eliminate observer in Formily/reactive and Keep Real‑Time Updates

An in‑depth guide shows how to remove the need for the observer wrapper in Formily/reactive by leveraging React’s internal __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED, using ReactionStack, Object.defineProperty, and ahooks to automatically refresh components when reactive data changes.

Reacthooks
0 likes · 13 min read
Eliminate observer in Formily/reactive and Keep Real‑Time Updates
DaTaobao Tech
DaTaobao Tech
Apr 3, 2024 · Frontend Development

Clean Front-End Architecture for Agile Development

By separating UI components from business logic using a clean, layered architecture inspired by DDD, Hexagonal and Clean Architecture, the article shows how React, zustand hooks, and strict data‑dependency rules reduce coupling, lower development cost, and make agile front‑end code easier to maintain and extend.

architectureclean codedomain-driven-design
0 likes · 32 min read
Clean Front-End Architecture for Agile Development
IT Services Circle
IT Services Circle
Jan 26, 2024 · Frontend Development

Introducing React v19: New Experimental Hooks for Data Fetching and Forms

React’s upcoming v19 release introduces four experimental hooks—use, useOptimistic, useFormState, and useFormStatus—focused on simplifying data fetching and form handling, allowing developers to read promises or context directly, perform optimistic UI updates, and manage form state and submission status within React components.

Data FetchingFormsOptimistic UI
0 likes · 10 min read
Introducing React v19: New Experimental Hooks for Data Fetching and Forms
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
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jan 8, 2024 · Frontend Development

Understanding and Using Hooks in Vue 3 Composition API

This article introduces Vue 3 Hooks, explains their relationship to the Composition API, compares them with mixins and class‑based patterns, provides best‑practice guidelines, and offers multiple TypeScript code examples for creating, using, and managing custom hooks to improve code reuse and maintainability.

Composition APIJavaScriptVue
0 likes · 17 min read
Understanding and Using Hooks in Vue 3 Composition API
政采云技术
政采云技术
Dec 21, 2023 · Frontend Development

Understanding Controlled and Uncontrolled Forms in React: Ant Design, Hooks, and React‑Hook‑Form

This article explains the concepts, use‑cases, and performance trade‑offs of controlled versus uncontrolled forms in React, demonstrates how Ant Design 3 and 4 implement form handling with HOC or Context + hooks, and introduces the lightweight, non‑controlled approach of react‑hook‑form with practical code examples.

Ant DesignControlledForms
0 likes · 12 min read
Understanding Controlled and Uncontrolled Forms in React: Ant Design, Hooks, and React‑Hook‑Form
ByteDance Data Platform
ByteDance Data Platform
Nov 22, 2023 · Frontend Development

How HookStore Revamps DataWind’s Frontend Data Flow with Redux and Hooks

This article explains how DataWind’s frontend team replaced the outdated Dva‑based data flow with a new Redux‑plus‑hook solution called HookStore, detailing the pain points of complex initialization, legacy async syntax, tight module coupling, and showing migration steps, code examples, and benefits such as multi‑instance support and OpenAPI decoupling.

Data FlowReactRedux
0 likes · 14 min read
How HookStore Revamps DataWind’s Frontend Data Flow with Redux and Hooks
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Oct 30, 2023 · Frontend Development

Comprehensive Guide to React Lifecycle, Hooks, Fiber, Virtual DOM, and Advanced Patterns

This article provides an in‑depth overview of React class component lifecycles before and after version 16, the new lifecycle methods, virtual DOM and diff algorithm, asynchronous rendering with Fiber, state batching, higher‑order components, render props, and error boundaries, illustrating each concept with code examples.

FiberLifecycleVirtual DOM
0 likes · 36 min read
Comprehensive Guide to React Lifecycle, Hooks, Fiber, Virtual DOM, and Advanced Patterns
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Sep 11, 2023 · Frontend Development

Converting State‑Driven Dialogs to Command‑Style Calls with the useCommandComponent Hook

This article explains how to convert state‑driven Element‑Plus Dialog components into a command‑style API using a custom useCommandComponent hook, discusses the drawbacks of traditional Dialog handling, outlines required component conventions, provides implementation code, and offers practical usage examples for Vue developers.

Composition APIDialogVue
0 likes · 11 min read
Converting State‑Driven Dialogs to Command‑Style Calls with the useCommandComponent Hook
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Aug 11, 2023 · Frontend Development

Deep Dive into React useEffect and useLayoutEffect: Data Structures, Lifecycle, and Implementation Details

This article explains how React manages side‑effects with useEffect and useLayoutEffect, covering the underlying Effect data structure, the mount and update phases, the commit pipeline (before‑mutation, mutation, layout), and the differences in timing and execution between the two hooks.

JavaScripthooksuseEffect
0 likes · 28 min read
Deep Dive into React useEffect and useLayoutEffect: Data Structures, Lifecycle, and Implementation Details
FunTester
FunTester
Jun 15, 2023 · Frontend Development

How to Write Reusable Code in Frontend Development

This article explains how to write reusable frontend code by identifying and separating reusable parts such as UI components, API calls, business workflows, shared data, and utility functions, illustrating each with React and Vue examples, code snippets, and best‑practice recommendations.

APIReactVue
0 likes · 7 min read
How to Write Reusable Code in Frontend Development
KooFE Frontend Team
KooFE Frontend Team
Jun 1, 2023 · Frontend Development

How React’s API Evolution Shapes Modern UI Development

This article explores the evolution of React’s APIs—from early mixins to higher‑order components, render props, and Hooks—examining the mental models, trade‑offs, and best practices that guide developers in building maintainable, performant front‑end applications.

API EvolutionHigher-Order ComponentsReact
0 likes · 20 min read
How React’s API Evolution Shapes Modern UI Development
360 Tech Engineering
360 Tech Engineering
May 9, 2023 · Frontend Development

Why Use AI to Write Unit Tests for React Hooks

This article explains the motivation for writing unit tests for shared React hook modules, demonstrates how an AI assistant in the Cursor IDE can generate Jest test cases from a repository, and details the step‑by‑step process of configuring the environment, fixing failing tests, and reflecting on AI's current limitations.

AIJestReact
0 likes · 10 min read
Why Use AI to Write Unit Tests for React Hooks
ByteFE
ByteFE
Mar 20, 2023 · Frontend Development

Understanding the Proposed React “use” Hook: Design, Usage, and Limitations

This article explains the new React "use" hook proposal, covering its background, how to integrate it with Suspense, minimal examples, promise caching, control‑flow usage, design motivations, implementation details, limitations, and the surrounding community debate.

JavaScriptPromiseReact
0 likes · 12 min read
Understanding the Proposed React “use” Hook: Design, Usage, and Limitations
JD Cloud Developers
JD Cloud Developers
Mar 16, 2023 · Frontend Development

Demystifying React Hooks: Inside the Core Implementation

This article explains the core implementation of React Hooks introduced in React 16.8, covering the internal Hook manager, the built‑in Hook functions such as useState, useEffect, useReducer, and provides simplified code examples to illustrate how state and side‑effects are managed within function components.

JavaScripthooksuseEffect
0 likes · 9 min read
Demystifying React Hooks: Inside the Core Implementation
Huolala Tech
Huolala Tech
Feb 14, 2023 · Frontend Development

When Does a React Component Re‑Render and How to Optimize It?

This article explains what triggers a React component re‑render, distinguishes required from unnecessary renders, and presents practical techniques—such as narrowing render scope, using memo, useMemo, useCallback, and context selectors—to improve performance in complex applications.

Reacthooksmemo
0 likes · 11 min read
When Does a React Component Re‑Render and How to Optimize It?
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Feb 13, 2023 · Frontend Development

Advanced Tips and Common Pitfalls for React Hooks (useState, useEffect, useContext, useReducer, etc.)

This article provides in‑depth guidance on using React hooks such as useState, useEffect, useContext, useReducer, and related utilities, covering lazy initialization, functional updates, performance‑optimising patterns, state sharing strategies, and advanced techniques like useImmer and react‑tracked to reduce mental overhead and avoid bugs.

Reacthooksperformance
0 likes · 16 min read
Advanced Tips and Common Pitfalls for React Hooks (useState, useEffect, useContext, useReducer, etc.)
ByteFE
ByteFE
Feb 8, 2023 · Frontend Development

React Context Re‑render Issues and an Optimized use‑context‑selector Implementation

This article explains why passing an object as a React Context Provider value can cause unnecessary re‑renders, introduces the community‑made use‑context‑selector library to mitigate the problem, analyzes its limitations, and presents a custom optimized implementation using useSyncExternalStore for precise component updates.

Reactcontextfrontend
0 likes · 17 min read
React Context Re‑render Issues and an Optimized use‑context‑selector Implementation
Sohu Tech Products
Sohu Tech Products
Jan 18, 2023 · Frontend Development

ProTable Component Documentation and Usage Guide

This article provides a comprehensive guide to the ProTable Vue component, detailing its features, configuration options, hooks, code implementation, and usage examples, including table rendering, search forms, pagination, custom slots, and data handling for frontend development.

ComponentElement PlusProTable
0 likes · 28 min read
ProTable Component Documentation and Usage Guide
Alibaba Cloud Developer
Alibaba Cloud Developer
Jan 9, 2023 · Frontend Development

Mastering React Design Patterns: From Containers to Custom Hooks

This article reviews essential React design patterns—including container/presentational components, higher‑order components, render props, compound components, and custom hooks—explaining the underlying SOLID principles, providing clear code examples, and offering guidance on when to apply each pattern.

Component ArchitectureDesign PatternsHigher-Order Components
0 likes · 10 min read
Mastering React Design Patterns: From Containers to Custom Hooks
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
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Oct 11, 2022 · Frontend Development

Testing React Hooks with Jest and React Testing Library

This article provides a comprehensive guide on unit testing custom React Hooks using Jest, renderHook, act, and the React Testing Library, covering examples such as useCounter, useEventListener, useHover, and useMouse with detailed code snippets and best‑practice recommendations.

JavaScriptJestReact
0 likes · 16 min read
Testing React Hooks with Jest and React Testing Library
NetEase Cloud Music Tech Team
NetEase Cloud Music Tech Team
Oct 11, 2022 · Frontend Development

Mastering Recoil: Advanced State Management Techniques for React

This article provides a comprehensive guide to Recoil, Facebook's React state‑management library, covering its graph‑based architecture, atoms and selectors, family APIs for bulk state, async data handling with Suspense and Loadable, snapshot usage for SSR and time‑travel, external synchronization, and practical tips for reducing mental load.

AsyncReactRecoil
0 likes · 14 min read
Mastering Recoil: Advanced State Management Techniques for React
Sohu Tech Products
Sohu Tech Products
Sep 21, 2022 · Frontend Development

The New Wave of React State Management

This article examines the core challenges that global state‑management libraries must address in modern React applications, reviews the evolution from early solutions like Redux to newer atom‑based and remote‑state tools, and offers guidance on selecting the most suitable library for a given project.

JotaiReactRecoil
0 likes · 17 min read
The New Wave of React State Management
KooFE Frontend Team
KooFE Frontend Team
Sep 18, 2022 · Frontend Development

PureComponent vs Hooks: Mastering React Re‑renders and Performance

This article explores how PureComponent and shouldComponentUpdate address unnecessary re‑renders in class components, compares them with functional components and hooks, and provides practical techniques—including React.memo, useCallback, setState updater functions, and refs—to optimize rendering performance in modern React applications.

PureComponentReacthooks
0 likes · 20 min read
PureComponent vs Hooks: Mastering React Re‑renders and Performance