BestHub
Sign in
Tagged articles
68 articles
Page 1 of 1
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
Full-Stack Cultivation Path
Full-Stack Cultivation Path
Jul 23, 2025 · Frontend Development

Goodbye ESLint and Prettier: Meet Ultracite, the AI‑Powered Formatting Companion

The article traces the evolution of front‑end linting and formatting tools—from JSLint to ESLint, Prettier, and Rust‑based Biome—then introduces Ultracite, a zero‑config, Rust‑fast, AI‑friendly assistant that consolidates linting, formatting, Git hooks and AI integration into a single command.

AI code assistanceBiomeESLint
0 likes · 7 min read
Goodbye ESLint and Prettier: Meet Ultracite, the AI‑Powered Formatting Companion
大转转FE
大转转FE
Jan 23, 2025 · Frontend Development

How to Measure and Reduce Frontend Cyclomatic Complexity with ESLint

This article explains cyclomatic complexity concepts, industry standards, calculation methods, and how a custom ESLint rule can be used to assess both single‑function and nested‑function complexity in front‑end projects, including scoring thresholds and practical implementation details.

ASTESLintcode quality
0 likes · 19 min read
How to Measure and Reduce Frontend Cyclomatic Complexity with ESLint
大转转FE
大转转FE
Jan 17, 2025 · Frontend Development

ESLint: Past, Present, and Future

This article traces the evolution of ESLint from its early role as a simple JavaScript linter to the introduction of the Flat Config system in ESLint 9, examines the challenges of extends, multi‑format support, plugins, and shared configurations, and explores new tools like Config Inspector, eslint‑flat‑config‑utils, ESLint Stylistic, and future multi‑language support.

ConfigurationESLintFlat Config
0 likes · 17 min read
ESLint: Past, Present, and Future
Full-Stack Cultivation Path
Full-Stack Cultivation Path
Dec 31, 2024 · Fundamentals

Unlocking Code Quality: A 17k‑Word Deep Dive into Code Maintainability

This comprehensive guide explains what code maintainability means, why it matters for long‑term project health, and how to measure and improve it using concrete metrics such as naming conventions, comment density, code volume, logical line count, cyclomatic complexity, similarity, redundancy, and module dependencies, with practical examples and tool recommendations for JavaScript front‑end development.

ESLintJavaScriptcode metrics
0 likes · 50 min read
Unlocking Code Quality: A 17k‑Word Deep Dive into Code Maintainability
Goodme Frontend Team
Goodme Frontend Team
Oct 28, 2024 · Frontend Development

Preventing Day.js Locale Pollution in Large Frontend Projects with Static Analysis

This article recounts a date‑misalignment bug caused by an unintended Day.js locale change in a mini‑program, explains why the global locale must remain unique, and details a comprehensive static‑analysis solution using ESLint, custom Webpack loaders, and Babel plugins to intercept and block Day.js locale modifications at compile time.

DayjsESLintfrontend
0 likes · 22 min read
Preventing Day.js Locale Pollution in Large Frontend Projects with Static Analysis
Full-Stack Cultivation Path
Full-Stack Cultivation Path
Aug 18, 2024 · Frontend Development

Understanding ESLint: Core Concepts, Configuration Complexity, and Debugging Techniques

This article explains ESLint's highly configurable static analysis architecture, clarifies the roles of parsers, processors, configs and plugins, explores the intricacies of its configuration system, and provides practical debugging methods—including performance profiling and a real‑world import/no-cycle case study.

ConfigurationDebuggingESLint
0 likes · 13 min read
Understanding ESLint: Core Concepts, Configuration Complexity, and Debugging Techniques
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Aug 18, 2024 · Frontend Development

Step‑by‑Step Guide to Integrating ESLint into Vue 3 and Other Front‑End Projects

This article explains why ESLint is essential for front‑end code quality, describes its core features, and provides a detailed five‑step process for integrating ESLint into Vue 3 projects, followed by deeper integration techniques for Vite, Webpack, CI/CD pipelines, Git hooks, and IDEs, complete with practical code examples and troubleshooting tips.

ESLintViteVue
0 likes · 18 min read
Step‑by‑Step Guide to Integrating ESLint into Vue 3 and Other Front‑End Projects
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jul 23, 2024 · Frontend Development

Creating Custom ESLint Plugins to Enforce Team Coding Standards

This article explains how to develop custom ESLint plugins—covering background concepts, Yeoman generator setup, rule implementation for typeof and instanceof checks, unit testing, local linking, and providing recommended configurations—to ensure consistent code style and best‑practice enforcement across a development team.

ESLintJavaScriptcustom plugin
0 likes · 12 min read
Creating Custom ESLint Plugins to Enforce Team Coding Standards
Yunxuetang Frontend Team
Yunxuetang Frontend Team
Dec 1, 2023 · Frontend Development

Why Developers Are Rethinking Element‑Plus, Ref vs Reactive, and Node Version Managers

This article critiques Element‑Plus’s API inconsistencies, debates Vue 3’s ref versus reactive usage, clarifies the v‑for versus v‑if priority question, introduces Volta as a superior Node version manager, examines ESLint versus Prettier decisions, and recounts Didi’s costly Kubernetes outage.

ESLintElement PlusKubernetes
0 likes · 4 min read
Why Developers Are Rethinking Element‑Plus, Ref vs Reactive, and Node Version Managers
Yunxuetang Frontend Team
Yunxuetang Frontend Team
Nov 3, 2023 · Frontend Development

Modern Frontend Insights: SVG, Code Standards, Next.js SQL, Vite, Node.js 21

This article surveys recent frontend developments, including detailed SVG rendering techniques, best‑practice code standards with ESLint, Prettier and Husky, emerging trends such as Next.js‑embedded SQL, Vite’s roadmap and Node.js 21’s Stream API upgrades, plus practical UX guidance for legacy browsers and a glimpse of a leading frontend team.

ESLintNext.jsSVG
0 likes · 3 min read
Modern Frontend Insights: SVG, Code Standards, Next.js SQL, Vite, Node.js 21
Sohu Tech Products
Sohu Tech Products
Nov 1, 2023 · Frontend Development

ESLint vs. Prettier: History, Conflict, and the Deprecation of Formatting Rules

The article traces ESLint’s evolution from a JSLint‑style checker to the dominant JavaScript linter, explains its long‑standing clash with the opinionated formatter Prettier over code‑style rules, and details the team’s decision in v8.53.0 to deprecate built‑in formatting rules in favor of external style plugins and market‑driven style guides.

Code FormattingESLintJavaScript
0 likes · 10 min read
ESLint vs. Prettier: History, Conflict, and the Deprecation of Formatting Rules
Laravel Tech Community
Laravel Tech Community
Oct 31, 2023 · Frontend Development

jQuery 4.0.0 Milestone Progress Reaches 99% Completion

The article reports that jQuery version 4.0.0 is 99% complete according to its GitHub milestone, with only one remaining issue related to ESLint upgrades, and highlights the library’s impact on modern JavaScript development.

DevelopmentESLintMilestone
0 likes · 3 min read
jQuery 4.0.0 Milestone Progress Reaches 99% Completion
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Oct 5, 2023 · Frontend Development

Clean Code Practices and Tooling for Frontend Development

This article explains the concepts of external and internal code beauty, introduces essential frontend tooling such as ESLint, Prettier, Stylelint, husky, lint‑staged, EditorConfig, and CSSComb, and shares practical habits on documentation, naming, and commenting to help developers produce elegant, maintainable code.

ESLintGitPrettier
0 likes · 13 min read
Clean Code Practices and Tooling for Frontend Development
Ops Development Stories
Ops Development Stories
Sep 15, 2023 · Frontend Development

Streamline Frontend Development with Husky, lint‑staged, ESLint, and Prettier

This guide walks through automating frontend development tasks—using Husky for Git hooks, lint‑staged for staged file filtering, commitlint for standardized commit messages, ESLint and @typescript-eslint for code checking, and Prettier for formatting—providing installation commands, configuration snippets, and practical usage tips for React + TypeScript projects.

ESLintGitPrettier
0 likes · 10 min read
Streamline Frontend Development with Husky, lint‑staged, ESLint, and Prettier
ByteFE
ByteFE
Feb 13, 2023 · Frontend Development

Understanding ESLint: Principles, Configuration, AST, and Custom Rule Development

This article explains the fundamentals of ESLint, including its purpose, configuration files, AST-based analysis, the SourceCode abstraction, rule template creation, key functions, and the overall linting and fixing workflow, enabling developers to build custom linting plugins for consistent code style.

ASTCustom RulesESLint
0 likes · 14 min read
Understanding ESLint: Principles, Configuration, AST, and Custom Rule Development
ELab Team
ELab Team
Dec 14, 2022 · Frontend Development

Mastering ESLint: How AST Powers Code Linting and Custom Rules

This article explores the fundamentals of ESLint, explaining how it leverages abstract syntax trees (AST) to enforce code style, detect errors, and enable custom rule creation, while providing practical configuration examples, code snippets, and insights into the underlying processing pipeline.

ASTCustom RulesESLint
0 likes · 16 min read
Mastering ESLint: How AST Powers Code Linting and Custom Rules
Huolala Tech
Huolala Tech
Dec 6, 2022 · Frontend Development

Automate Vue Event Tracking Extraction with JSDoc, Webpack & ESLint

This article describes how to build a tool that automatically extracts event tracking (埋点) information from Vue H5 projects by leveraging custom JSDoc tags, Webpack dependency analysis, and an ESLint plugin, enabling one‑click generation of comprehensive tracking documentation and route mapping.

AutomationESLintJSDoc
0 likes · 13 min read
Automate Vue Event Tracking Extraction with JSDoc, Webpack & ESLint
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Nov 15, 2022 · Frontend Development

Setting Up Stylelint, LS‑Lint, Husky, Lint‑Staged, and Commitlint for a Robust Frontend Workflow

This tutorial walks through configuring Stylelint, LS‑Lint, Husky Git hooks, Lint‑Staged, and Commitlint to enforce code style, file‑naming conventions, pre‑commit checks, and conventional commit messages, providing a comprehensive engineering setup for modern frontend projects.

ESLintGit Hookscommitlint
0 likes · 24 min read
Setting Up Stylelint, LS‑Lint, Husky, Lint‑Staged, and Commitlint for a Robust Frontend Workflow
Huolala Tech
Huolala Tech
Sep 27, 2022 · Frontend Development

How to Build a Custom ESLint Rule to Rewrite Import Paths

This tutorial explains why and how to create a custom ESLint rule that automatically replaces specified import paths, using AST traversal, rule configuration, and fixers, with a complete example including project scaffolding, implementation details, and unit testing.

ASTESLintJavaScript
0 likes · 8 min read
How to Build a Custom ESLint Rule to Rewrite Import Paths
Alibaba Cloud Developer
Alibaba Cloud Developer
Sep 2, 2022 · Frontend Development

How to Build a Standardized Webpack + React + TypeScript Front‑End from Scratch

This tutorial walks you through creating a production‑ready front‑end project from an empty directory using Webpack 5, React 18 and TypeScript, covering project structure, dependencies, Babel and TypeScript setup, resource handling, development environment, performance optimizations, and full configuration files.

ConfigurationESLintReact
0 likes · 26 min read
How to Build a Standardized Webpack + React + TypeScript Front‑End from Scratch
ELab Team
ELab Team
Jun 18, 2022 · Frontend Development

Deep Dive into ESLint: How Rules, CLI, and AST Processing Work

This article explains why ESLint is essential for frontend development, details how its rule configuration works, walks through the CLI execution flow, and reveals the internal call stack that parses code into an AST, applies custom rules, and performs auto‑fixes.

ASTCLICustom Rules
0 likes · 15 min read
Deep Dive into ESLint: How Rules, CLI, and AST Processing Work
Sohu Tech Products
Sohu Tech Products
Apr 27, 2022 · Frontend Development

Progressive Optimization Journey of a WeChat Mini Program

This article chronicles the step‑by‑step optimization of a WeChat mini‑program, covering native stack choices, ES6+ adoption, modular architecture, versioning, code formatting, request abstraction, UI component migration, ESLint, unit testing, routing, environment handling, Gulp workflow, CSS variables, and sub‑package strategies.

ESLintFrontend OptimizationSubpackage
0 likes · 34 min read
Progressive Optimization Journey of a WeChat Mini Program
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Apr 24, 2022 · Backend Development

How to Properly Create a Qualified npm Package with TypeScript: A Step‑by‑Step Guide

This article walks readers through the complete process of building a well‑structured npm package using TypeScript, covering project initialization, package.json configuration, essential tooling such as husky, lint‑staged, eslint, prettier, unit testing with Jest, and best practices for documentation and publishing.

ESLintJestLibrary
0 likes · 15 min read
How to Properly Create a Qualified npm Package with TypeScript: A Step‑by‑Step Guide
IT Services Circle
IT Services Circle
Apr 11, 2022 · Frontend Development

Recommended ESLint Rules for Writing Good Asynchronous JavaScript Code

This article presents a collection of ESLint rules for JavaScript asynchronous programming, explaining why patterns like async promise executors, awaiting in loops, returning values from Promise constructors, and others should be avoided, and provides correct code examples to improve readability, performance, and error handling.

AsyncESLintJavaScript
0 likes · 8 min read
Recommended ESLint Rules for Writing Good Asynchronous JavaScript Code
NetEase Cloud Music Tech Team
NetEase Cloud Music Tech Team
Apr 11, 2022 · Frontend Development

Building a Lightweight WebIDE with Monaco Editor: Multi‑File Support, ESLint, Prettier, and Code Completion

The guide shows how to build a lightweight, browser‑based WebIDE using Monaco Editor by adding multi‑file support, preserving view state, integrating ESLint via a WebWorker, enabling Prettier formatting, and extending TypeScript definitions for rich code completion and navigation.

ESLintJavaScriptMonaco Editor
0 likes · 24 min read
Building a Lightweight WebIDE with Monaco Editor: Multi‑File Support, ESLint, Prettier, and Code Completion
ByteFE
ByteFE
Mar 18, 2022 · Frontend Development

Curated Technical Articles and Resources for Frontend Development

This collection highlights recent technical articles and resources covering Vue 3.0, ESLint fundamentals, defensive CSS techniques, low‑code system design, React project setup, Nest.js with TypeORM, and an introduction to the LRU caching algorithm, offering practical insights for frontend developers.

CSSESLintLRU
0 likes · 4 min read
Curated Technical Articles and Resources for Frontend Development
Tencent Cloud Developer
Tencent Cloud Developer
Jan 12, 2022 · Frontend Development

How to Write Readable JavaScript Code: Tips for Clean, Maintainable Code

The article explains why readable code matters, shows a messy JavaScript example, lists common readability problems, and provides concrete guidelines—consistent style, meaningful naming, proper comments, small files, shallow nesting—along with tooling tips such as ESLint, Standard Style, husky and lint‑staged to enforce them.

ESLintJavaScriptcode readability
0 likes · 10 min read
How to Write Readable JavaScript Code: Tips for Clean, Maintainable Code
ELab Team
ELab Team
Nov 17, 2021 · Frontend Development

Mastering ESLint: From Quick Setup to Advanced Rule Customization

This article explains what ESLint is, walks through its installation and basic configuration, dives into detailed rule, parser, and plugin settings, describes its AST‑based analysis process, and shows how to integrate it with tools like VSCode, Prettier, Husky and lint‑staged for robust JavaScript code quality enforcement.

ESLintGit HooksJavaScript
0 likes · 19 min read
Mastering ESLint: From Quick Setup to Advanced Rule Customization
ByteDance ADFE Team
ByteDance ADFE Team
Jul 28, 2021 · Frontend Development

Why Use TypeScript? Benefits, Setup, and Type Definitions for React Development

This article explains the drawbacks of weakly‑typed JavaScript, outlines the advantages of adopting TypeScript, and provides practical guidance on configuring ESLint, Prettier, tsconfig, and React component typings—including hooks, event handling, and generic utilities—to improve code quality and developer productivity.

ESLintGenericsPrettier
0 likes · 14 min read
Why Use TypeScript? Benefits, Setup, and Type Definitions for React Development
Baidu App Technology
Baidu App Technology
Jun 24, 2021 · Frontend Development

Developing ESLint and StyleLint Plugins for San‑Native Code Linting

The article explains how to design and implement ESLint and StyleLint plugins for the San‑Native framework, detailing AST generation, processor creation, rule definitions for JavaScript and CSS, configuration sharing, and how these tools provide real‑time linting feedback for developers.

ASTESLintJavaScript
0 likes · 24 min read
Developing ESLint and StyleLint Plugins for San‑Native Code Linting
Ctrip Technology
Ctrip Technology
Apr 15, 2021 · Mobile Development

Optimizing React Native Bundle Size with the CRN Bundle Analysis Platform

This article explains how to analyze and reduce React Native bundle size using tools like react-native-bundle-visualizer and the custom CRN bundle analysis platform, covering library replacements, import optimizations, code splitting, static asset handling, and reporting a typical 50% size reduction.

Code SplittingESLintMobile Development
0 likes · 19 min read
Optimizing React Native Bundle Size with the CRN Bundle Analysis Platform
37 Mobile Game Tech Team
37 Mobile Game Tech Team
Jan 29, 2021 · Frontend Development

Why Rollup Beats Webpack for Building a Simple JS Library

This article compares Webpack and Rollup, explains why Rollup’s tree‑shaking and ES6 module support make it better for a lightweight JavaScript utility library, and provides a step‑by‑step guide to set up the project with TypeScript, ESLint, Prettier, Husky, Commitlint and Jest testing.

ESLintJavaScriptJest
0 likes · 14 min read
Why Rollup Beats Webpack for Building a Simple JS Library
Programmer DD
Programmer DD
Nov 18, 2020 · Frontend Development

What’s New in Angular 11? Key Features and Upgrade Guide

Angular 11.0.0 introduces major updates such as TypeScript 4.0 support, dropping legacy IE versions, automatic font inlining, enhanced test harnesses, faster builds, experimental Webpack 5 support, and a migration from TSLint to ESLint, all detailed with upgrade commands and practical tips.

AngularCLIESLint
0 likes · 5 min read
What’s New in Angular 11? Key Features and Upgrade Guide
JD.com Experience Design Center
JD.com Experience Design Center
Aug 19, 2020 · Frontend Development

Revamping JD VSP: From Legacy PC UI to Modern Vue & TypeScript Architecture

This article details the comprehensive redesign of JD VSP's PC platform, covering the motivations for the overhaul, the adoption of Vue, TypeScript, Gaea scaffolding, Legao component library, performance enhancements with icon fonts and PWA caching, and the implementation of robust development tooling such as ESLint and code‑generation workflows.

Component LibraryESLintPWA
0 likes · 26 min read
Revamping JD VSP: From Legacy PC UI to Modern Vue & TypeScript Architecture
政采云技术
政采云技术
Jul 12, 2020 · Frontend Development

Developing Custom ESLint Rules for Consistent and Maintainable Frontend Code

This comprehensive guide explores the principles of ESLint and abstract syntax trees, providing step-by-step instructions for developing custom linting rules and plugins to enforce coding standards, prevent hardcoded configurations, and maintain high-quality frontend codebases across collaborative development environments.

AST ParsingCustom Linting RulesESLint
0 likes · 10 min read
Developing Custom ESLint Rules for Consistent and Maintainable Frontend Code
Programmer DD
Programmer DD
Dec 21, 2019 · Frontend Development

Master ESLint: A Complete Frontend Guide to Linting JavaScript Code

This article introduces ESLint, explains why JavaScript linting is essential, walks through installation, demonstrates sample code with common errors, shows how to configure rules via .eslintrc.js, and outlines IDE integration to improve frontend development efficiency.

ConfigurationESLintIDE integration
0 likes · 4 min read
Master ESLint: A Complete Frontend Guide to Linting JavaScript Code
WecTeam
WecTeam
Nov 26, 2019 · Backend Development

How to Seamlessly Migrate a Node.js Project to TypeScript: Step‑by‑Step Guide

This article walks you through converting an existing Node.js codebase to TypeScript, covering directory restructuring, TypeScript and ESLint setup, handling common import and type errors, configuring debugging in VSCode, and gradually strengthening type safety while preserving project functionality.

ESLintNode.jsTypeScript
0 likes · 20 min read
How to Seamlessly Migrate a Node.js Project to TypeScript: Step‑by‑Step Guide
Meituan Technology Team
Meituan Technology Team
Aug 1, 2019 · Frontend Development

Scalable ESLint-Based JavaScript Code Standardization for Large Front‑end Teams

The article presents a scalable ESLint‑based framework for large front‑end teams that combines a layered, unified rule configuration, CI/CD and pre‑commit lint checks, a one‑click onboarding CLI, and automated metrics collection with dashboards, enabling consistent code standards across diverse projects while reducing maintenance overhead.

AutomationESLintFront-end
0 likes · 20 min read
Scalable ESLint-Based JavaScript Code Standardization for Large Front‑end Teams
UC Tech Team
UC Tech Team
Feb 18, 2019 · Frontend Development

React Hooks – Introduction, Usage, Tooling, and Changelog

This article introduces React Hooks, explains how they enable state and other React features without classes, provides official resources, outlines migration advice, details supported packages, tooling integrations, testing APIs, installation methods, and summarizes the changelog and post‑alpha updates for the stable 16.8 release.

ESLintInstallationJavaScript
0 likes · 12 min read
React Hooks – Introduction, Usage, Tooling, and Changelog
CSS Magic
CSS Magic
Aug 24, 2018 · Frontend Development

Fix Common ESLint Warnings in Existing JavaScript Code (Part 4)

This article explains how to handle the ESLint "no-fallthrough" and "no-undef" rules, showing when to add explicit comments, convert globals to locals, and why the comment‑based fix is often the most efficient for legacy JavaScript code.

ESLintJavaScriptcode quality
0 likes · 6 min read
Fix Common ESLint Warnings in Existing JavaScript Code (Part 4)
CSS Magic
CSS Magic
Jul 27, 2018 · Frontend Development

Fix Common ESLint Warnings in Existing JS Code (Part 3)

This article explains how to resolve the ESLint "no‑empty" and "no‑empty‑function" warnings by refactoring empty blocks, adding explanatory comments, using noop helpers, and validating callbacks, providing concrete code examples and step‑by‑step reasoning.

ESLintJavaScriptcode quality
0 likes · 6 min read
Fix Common ESLint Warnings in Existing JS Code (Part 3)
System Architect Go
System Architect Go
Jan 10, 2018 · Backend Development

Using npm-check and ESLint to Detect and Remove Unused npm Packages

This guide explains how to install and use npm-check together with ESLint to identify outdated, incorrect, or unused dependencies in a Node.js project, remove unnecessary require statements, and ensure that only needed packages remain in the codebase.

ESLintUnused Dependenciesdependency-management
0 likes · 3 min read
Using npm-check and ESLint to Detect and Remove Unused npm Packages
CSS Magic
CSS Magic
Dec 18, 2017 · Frontend Development

Fix Common ESLint Warnings in Existing JavaScript Code (Part 2)

This article explains why ESLint’s no‑return‑assign and no‑constant‑condition rules fire, shows concrete examples—including arrow functions and leftover debug code—and provides step‑by‑step fixes to make the intent of the JavaScript code clear and maintainable.

ESLintJavaScriptcode quality
0 likes · 7 min read
Fix Common ESLint Warnings in Existing JavaScript Code (Part 2)
CSS Magic
CSS Magic
Oct 24, 2017 · Frontend Development

Fix Common ESLint Warnings in Existing JavaScript Code (Part 1)

This article explains why rules like eqeqeq, no‑bitwise, and no‑implicit‑coercion should be avoided, shows concrete examples of problematic code, and provides clear manual fixes to improve JavaScript quality with ESLint.

ESLintJavaScriptcode quality
0 likes · 6 min read
Fix Common ESLint Warnings in Existing JavaScript Code (Part 1)