BestHub
Sign in
Tagged articles
178 articles
Page 1 of 2
AI Engineering
AI Engineering
May 31, 2026 · Artificial Intelligence

Anthropic’s New Claude Code Plugin Automatically Configures Automations for Your Project

Anthropic quietly released the official claude-code-setup plugin, which scans a repository and recommends suitable MCP servers, skills, hooks, subagents, and slash commands for Claude Code, offering a read‑only analysis that lowers the entry barrier while noting potential noise in large projects and CLI state‑loss issues.

AI AssistantAnthropicAutomation
0 likes · 3 min read
Anthropic’s New Claude Code Plugin Automatically Configures Automations for Your Project
ArcThink
ArcThink
May 31, 2026 · Artificial Intelligence

Why AI’s “I’ve Tested It” Isn’t Enough: Implementing a Verification Gate Workflow

The article explains that AI agents often claim tasks are complete without providing verifiable evidence, and introduces a Verification Gate that requires concrete command, result, coverage, and risk information—structured by risk‑based layers, hooks, and subagents—to ensure honest and traceable completion of AI‑driven code changes.

AI agentsHooksVerification Gate
0 likes · 16 min read
Why AI’s “I’ve Tested It” Isn’t Enough: Implementing a Verification Gate Workflow
Architect
Architect
May 30, 2026 · Artificial Intelligence

Claude Code Self‑Repair Explained: Writing Error Feedback into the Harness

The article shows how to turn Claude Code’s occasional mistakes into a reliable feedback loop by using a CLAUDE.md entry file, Hooks, Permissions and Skills, so errors become visible, verifiable and can be written back into the harness for future runs.

AI agentsCLAUDE.mdClaude Code
0 likes · 22 min read
Claude Code Self‑Repair Explained: Writing Error Feedback into the Harness
AI Architecture Hub
AI Architecture Hub
May 29, 2026 · Artificial Intelligence

Make Claude Code Auto‑Fix Its Own Bugs with a Ready‑to‑Copy Configuration

This article explains why Claude repeatedly makes the same coding errors, introduces a CLAUDE.md rule file and a series of hooks (PostToolUse, PreToolUse, Stop) plus an automatic retry loop and cross‑session memory, and shows a before‑after comparison that reduces manual debugging from 45 minutes to about 10 minutes per feature.

AIAutomationClaude
0 likes · 11 min read
Make Claude Code Auto‑Fix Its Own Bugs with a Ready‑to‑Copy Configuration
AI Engineer Programming
AI Engineer Programming
May 28, 2026 · Artificial Intelligence

Claude Code Best Practices and Getting Started Guide for Large Codebases

This guide explains how Claude Code can be deployed in massive monorepos, legacy systems, and distributed repositories, detailing navigation methods, the limits of RAG, the benefits of agentic search, and a five‑layer support system—including CLAUDE.md, hooks, skills, plugins, and MCP servers—to help teams of thousands achieve reliable AI‑assisted coding.

AI codingCLAUDE.mdClaude Code
0 likes · 18 min read
Claude Code Best Practices and Getting Started Guide for Large Codebases
IT Services Circle
IT Services Circle
May 27, 2026 · Artificial Intelligence

Can Claude Code Handle Million‑Line Codebases? Why the Harness Beats the Model

The article breaks down seven common pitfalls when using Claude Code on massive codebases, explains Anthropic’s agentic‑search approach, and shows how a well‑designed harness—including concise CLAUDE.md files, LSP integration, subdirectory launches, hooks, skills, plugins, and MCP servers—outperforms simply upgrading the model.

Claude CodeHarnessHooks
0 likes · 23 min read
Can Claude Code Handle Million‑Line Codebases? Why the Harness Beats the Model
Code Mala Tang
Code Mala Tang
May 26, 2026 · Information Security

Claude Code Now Detects Security Flaws While You Write: Anthropic’s Three‑Layer Security‑Guidance Plugin

Anthropic’s security‑guidance plugin adds three progressive layers of automated security checks—instant string‑pattern matching, end‑of‑turn diff review, and deep commit‑time analysis—to Claude Code, letting the AI catch and fix common vulnerabilities as you code without blocking your workflow.

AI coding assistantAnthropicClaude Code
0 likes · 15 min read
Claude Code Now Detects Security Flaws While You Write: Anthropic’s Three‑Layer Security‑Guidance Plugin
ArcThink
ArcThink
May 24, 2026 · Artificial Intelligence

Beyond Prompting: A Practical Guide to Claude Code Hooks for Safe AI Coding

The article explains why soft‑constraint prompt files (CLAUDE.md) are insufficient for controlling AI coding assistants, introduces Claude Code Hooks as enforceable control points at key lifecycle events, and provides step‑by‑step examples, best‑practice recommendations, and risk considerations for building reliable AI‑driven development workflows.

AI programmingAutomationClaude Code
0 likes · 18 min read
Beyond Prompting: A Practical Guide to Claude Code Hooks for Safe AI Coding
Shuge Unlimited
Shuge Unlimited
May 21, 2026 · Artificial Intelligence

Building Smarter, More Reliable, and Faster Claude Code Workflows with 19 OMC Agents

This article dissects the oh‑my‑claudecode (OMC) system, explaining Claude Code's four‑layer agentic workflow, OMC's Hooks‑Skills‑Agents‑State architecture, model‑routing strategies, installation steps, and three real‑world scenarios that demonstrate how 19 specialized agents can automate refactoring, bulk fixes, and multi‑module bug resolution.

AI agentsClaude CodeHooks
0 likes · 24 min read
Building Smarter, More Reliable, and Faster Claude Code Workflows with 19 OMC Agents
DeWu Technology
DeWu Technology
May 20, 2026 · Artificial Intelligence

Claude Code Harness: Turning Data‑Warehouse AI Coding from Ad‑hoc Queries to Rule‑Driven Automation

The article analyzes the shortcomings of current AI‑assisted data‑warehouse development—context forgetting, unstable rule enforcement, and token‑heavy operations—and presents a five‑layer Harness architecture (persistent CLAUDE.md, Auto Memory, deterministic hooks, subagents, and SKILL refactoring) that systematically resolves these issues, boosts reliability, and embeds AI into the development pipeline.

AI codingClaudeContext Management
0 likes · 27 min read
Claude Code Harness: Turning Data‑Warehouse AI Coding from Ad‑hoc Queries to Rule‑Driven Automation
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 agentsAutomationHooks
0 likes · 18 min read
Agent Hooks: A Deterministic Approach to Making AI Agent Workflows Controllable
AI Waka
AI Waka
May 11, 2026 · Artificial Intelligence

Six Mechanisms, Three Dimensions, One Decision Tree: Deep Dive into Claude Code

This article provides an in‑depth technical analysis of Claude Code’s six extension mechanisms—Hooks, Skills, Slash Commands, MCP, Subagents, and Plugins—organized by three orthogonal dimensions (Trigger, Context, Domain), and shows how a three‑question decision tree and token‑cost considerations guide optimal usage and anti‑patterns.

AI extensionsClaude CodeHooks
0 likes · 40 min read
Six Mechanisms, Three Dimensions, One Decision Tree: Deep Dive into Claude Code
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 CodeHooksTeam Collaboration
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 CodeHooks
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 CodeDeveloper Tools
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 CodeHooks
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 CodeHooks
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 AssistantClaudeHooks
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 CodeHooks
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 agentsClaude CodeHooks
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 CodeHooks
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 agentsHooksLLM
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 AssistantCLIHooks
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.

AIChainlitHooks
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 CodeHooks
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 DesignHooks
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 CodeHooks
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 CodeHooks
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 codingClaudeHooks
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-drivenHooks
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.

HooksJSXReAct
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 FetchingHooksTanStack Query
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 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 ArchitectureHooksPermission management
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.

FrontendHooksReAct
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 ArchitectureFrontendHooks
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 HandlingHooks
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.

CNNFeature VisualizationHooks
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.

HooksReActReact19
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 APIFrontend
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 APIFrontendHooks
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.

ConfettiCustomPaintHooks
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.

FrontendHooksReAct
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-32002HooksRCE
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-32002HooksRCE
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.

HooksReAct
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.

FrontendHooksarchitecture
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 FetchingFormsFrontend
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.

Design PatternsHooksJavaScript
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 APIFrontendHooks
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 FlowFrontendHooks
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.

FiberHooksVirtual 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 APIDialogHooks
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.

HooksJavaScriptuseEffect
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.

APIFrontend DevelopmentHooks
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 EvolutionFrontend DevelopmentHigher-Order Components
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.

AIFrontendHooks
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.

FrontendHooksJavaScript
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.

HooksJavaScriptuseEffect
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.

HooksOptimizationReAct
0 likes · 11 min read
When Does a React Component Re‑Render and How to Optimize It?