Tag

ESLint

1 views collected around this technical thread.

大转转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.

ESLintFlat ConfigJavaScript
0 likes · 17 min read
ESLint: Past, Present, and Future
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jan 3, 2025 · Frontend Development

A Comprehensive Guide to ESLint v9, @antfu/eslint-config, and Husky Hooks

This article explains the new features and breaking changes of ESLint v9, demonstrates how to use the @antfu/eslint-config preset with flat configuration, and shows how to set up Husky Git hooks to enforce linting and automatic fixing in JavaScript projects.

ESLintFrontendJavaScript
0 likes · 11 min read
A Comprehensive Guide to ESLint v9, @antfu/eslint-config, and Husky Hooks
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.

CI/CDESLintVue
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.

Custom PluginESLintJavaScript
0 likes · 12 min read
Creating Custom ESLint Plugins to Enforce Team Coding Standards
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jun 1, 2024 · Frontend Development

Understanding React Compiler: What It Is, How to Use It, and Its Impact

The article introduces the newly open‑sourced React Compiler, explains its underlying concepts and automatic memo optimization, provides step‑by‑step usage instructions with health‑check, ESLint and Babel plugins, and shares performance results from Meta’s production apps.

BabelCompilerESLint
0 likes · 6 min read
Understanding React Compiler: What It Is, How to Use It, and Its Impact
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.

ESLintFrontendIssue Tracking
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.

ESLintFrontendNaming
0 likes · 13 min read
Clean Code Practices and Tooling for Frontend Development
Python Programming Learning Circle
Python Programming Learning Circle
Sep 22, 2023 · Frontend Development

Boosting Coding Efficiency with Essential VS Code Extensions

The article debunks programmer stereotypes, explains code reproducibility, and recommends five VS Code extensions—ESLint, Prettier, GitLens, Tailwind CSS IntelliSense, and Live Server—to help developers write cleaner, faster, and more maintainable front‑end code.

ESLintGitLensLive Server
0 likes · 5 min read
Boosting Coding Efficiency with Essential VS Code Extensions
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Aug 29, 2023 · Information Security

Top 5 VS Code Extensions for Enhancing Code Security

This article introduces five essential Visual Studio Code extensions—1Password, Decompiler, Cloak, ESLint, and Snyk—that help developers securely manage secrets, decompile binaries, hide sensitive values, enforce safe coding standards, and automatically scan for vulnerabilities within the editor.

CloakCode ScanningESLint
0 likes · 11 min read
Top 5 VS Code Extensions for Enhancing Code Security
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
ByteFE
ByteFE
Jan 15, 2023 · Frontend Development

Curated Technical Articles: State of JS 2022, React 18, ESLint, TensorFlow.js, Vue Review, Nix Packaging, Image Compression, Hexagon Animation

This collection highlights recent technical articles and tutorials covering the State of JS 2022 survey, new features and pitfalls in React 18, ESLint internals, TensorFlow.js usage in WebRTC, Vue 2022 review, Nix packaging for npm projects, front‑end image compression techniques, and a CSS hexagon animation.

ESLintFrontendJavaScript
0 likes · 5 min read
Curated Technical Articles: State of JS 2022, React 18, ESLint, TensorFlow.js, Vue Review, Nix Packaging, Image Compression, Hexagon Animation
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.

ESLintFrontendcommitlint
0 likes · 24 min read
Setting Up Stylelint, LS‑Lint, Husky, Lint‑Staged, and Commitlint for a Robust Frontend Workflow
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.

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

ESLintTypeScripthusky
0 likes · 15 min read
How to Properly Create a Qualified npm Package with TypeScript: A Step‑by‑Step Guide
Sohu Tech Products
Sohu Tech Products
Apr 20, 2022 · Frontend Development

Recommended ESLint Rules for Writing Better Asynchronous JavaScript Code

This article introduces a set of ESLint rules that help developers write safer and more efficient asynchronous JavaScript by avoiding common pitfalls such as async promise executors, awaiting in loops, improper promise handling, and callback-related race conditions.

AsyncESLintJavaScript
0 likes · 8 min read
Recommended ESLint Rules for Writing Better Asynchronous JavaScript Code
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.

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

CSSESLintFrontend
0 likes · 4 min read
Curated Technical Articles and Resources for Frontend Development