BestHub
Sign in
Tagged articles
16 articles
Page 1 of 1
Spring Full-Stack Practical Cases
Spring Full-Stack Practical Cases
Dec 4, 2025 · Backend Development

Unlock Java Code Analysis with Spoon: Real‑World Spring Boot 3 Cases

This article introduces the open‑source Spoon library for Java source‑code analysis and transformation, demonstrates how to integrate it with Spring Boot 3, and provides step‑by‑step examples—including visual AST inspection, empty‑catch detection, architecture rule validation, field usage checks, reflection replacement, and automatic code modifications such as adding fields, constructors, logging, and null‑checks.

ASTBackend DevelopmentJava
0 likes · 16 min read
Unlock Java Code Analysis with Spoon: Real‑World Spring Boot 3 Cases
vivo Internet Technology
vivo Internet Technology
Jan 22, 2025 · Frontend Development

Developing a Babel Plugin to Automatically Add Optional Chaining (?.) and Prevent TypeError

The article explains how to create a custom Babel plugin that automatically transforms risky member and call expressions into optional‑chaining equivalents during bundling, using configurable include/exclude patterns and short‑circuit optimizations, thereby preventing TypeError in large JavaScript codebases while noting a modest bundle‑size increase.

JavaScriptPlugin DevelopmentTypeError Prevention
0 likes · 14 min read
Developing a Babel Plugin to Automatically Add Optional Chaining (?.) and Prevent TypeError
ELab Team
ELab Team
Dec 7, 2022 · Frontend Development

Mastering AST: How Frontend Compilers Transform Code with Babel

This article explains the fundamentals of abstract syntax trees (AST) in frontend development, covering their generation, role in code transformation, and practical use of Babel plugins to instrument and modify JavaScript code, with detailed examples and code snippets.

ASTJavaScriptbabel
0 likes · 13 min read
Mastering AST: How Frontend Compilers Transform Code with Babel
IT Services Circle
IT Services Circle
May 1, 2022 · Frontend Development

A Comprehensive Guide to AST and Babel for JavaScript Code Transformation

This article provides an in‑depth tutorial on Abstract Syntax Trees (AST) and the Babel toolchain, covering AST fundamentals, its role in compilation, and practical examples of parsing, traversing, modifying, and generating JavaScript code using @babel/core, @babel/parser, @babel/traverse, @babel/generator, and @babel/types.

ASTJavaScriptTraversal
0 likes · 24 min read
A Comprehensive Guide to AST and Babel for JavaScript Code Transformation
NetEase Cloud Music Tech Team
NetEase Cloud Music Tech Team
Mar 24, 2022 · Fundamentals

Unlocking JavaScript Power: A Deep Dive into AST and Babel

This article explains what an Abstract Syntax Tree (AST) is, how the ESTree specification standardizes JavaScript syntax, and how Babel parses, traverses, and transforms code using AST nodes, providing practical examples, core packages, plugin creation, and real‑world application scenarios for developers.

ASTJavaScriptbabel
0 likes · 13 min read
Unlocking JavaScript Power: A Deep Dive into AST and Babel
ELab Team
ELab Team
Apr 22, 2021 · Frontend Development

Unlocking JavaScript Power: How AST Drives Modern Front‑End Tools

This article explains what an Abstract Syntax Tree (AST) is, how it’s generated during lexical and syntax analysis, outlines its core structure, and demonstrates practical applications such as code transformation, linting, formatting, and custom Babel plugins with detailed code examples.

ASTJavaScriptbabel
0 likes · 16 min read
Unlocking JavaScript Power: How AST Drives Modern Front‑End Tools
phodal
phodal
Nov 23, 2020 · Fundamentals

Can a Universal Language Model Translate Any Code to Any Other Language?

The article chronicles a multi‑year effort to build a universal language model that can convert any source programming language into any target language, detailing experiments with Go‑ANTLR, Kotlin‑ANTLR, regex‑based parsing, DSL design, and the emerging Charj language and its tooling.

ANTLRCompiler designDSL
0 likes · 11 min read
Can a Universal Language Model Translate Any Code to Any Other Language?
Sohu Tech Products
Sohu Tech Products
Jun 24, 2020 · Frontend Development

Understanding Abstract Syntax Trees (AST) and Their Applications in JavaScript Tooling

This article explains what an Abstract Syntax Tree (AST) is, how JavaScript code is parsed into ASTs, the processes of lexical and syntactic analysis, and demonstrates practical AST manipulation using tools like Esprima, Estraverse, Escodegen, and Babel to transform code such as renaming functions, converting arrow functions, and implementing on‑demand imports.

ASTbabelcode transformation
0 likes · 31 min read
Understanding Abstract Syntax Trees (AST) and Their Applications in JavaScript Tooling
58 Tech
58 Tech
May 18, 2020 · Frontend Development

Automating React 15 to React 16 Upgrade Using Abstract Syntax Tree (AST)

This article presents a practical solution for automatically upgrading legacy React 15 projects to React 16 by generating, modifying, and re‑generating code through Abstract Syntax Tree (AST) transformations, detailing the required steps, common pitfalls, and broader applications of AST in frontend engineering.

ASTbabelcode transformation
0 likes · 10 min read
Automating React 15 to React 16 Upgrade Using Abstract Syntax Tree (AST)
政采云技术
政采云技术
Mar 1, 2020 · Frontend Development

Understanding Babel: Core Principles, Configuration, Plugins, and Polyfills for Frontend Development

This comprehensive guide explores the core principles and practical applications of Babel, a JavaScript compiler essential for modern frontend development, detailing its AST-based transformation process, configuration methods, plugin and preset ecosystems, polyfill strategies, and runtime optimization techniques to ensure cross-browser compatibility and efficient code compilation.

ASTFrontend toolingJavaScript Compiler
0 likes · 17 min read
Understanding Babel: Core Principles, Configuration, Plugins, and Polyfills for Frontend Development
WecTeam
WecTeam
Sep 6, 2019 · Frontend Development

Mastering AST: Transform JavaScript Code with Babel and Esprima

This article explains how to use AST in JavaScript by introducing three essential components—a parser, a traverser, and a code generator—showcasing practical examples with esprima and Babel to parse, modify, and regenerate code, and exploring advanced use cases such as removing console statements, variable obfuscation, arrow‑function conversion, tree‑shaking, and generating SVG flowcharts, while also highlighting AST applications in other languages.

ASTAST TraversalEsprima
0 likes · 11 min read
Mastering AST: Transform JavaScript Code with Babel and Esprima
MaoDou Frontend Team
MaoDou Frontend Team
Apr 28, 2019 · Frontend Development

How JavaScript ASTs Power Babel, UglifyJS, and Code Transformations

This article explains what an Abstract Syntax Tree (AST) is, its role in JavaScript tooling such as Babel, UglifyJS, and type checking, details the lexical and syntactic analysis stages of AST generation, and demonstrates a practical Babel plugin example that modifies console output using visitors.

ASTJavaScriptVisitor Pattern
0 likes · 6 min read
How JavaScript ASTs Power Babel, UglifyJS, and Code Transformations
Qunar Tech Salon
Qunar Tech Salon
Dec 13, 2018 · Frontend Development

Understanding Babel: History, Usage, and Custom Plugin Development

This article introduces Babel as a popular JavaScript compiler, explains its origin, demonstrates basic installation and configuration, shows how arrow functions are transformed, and guides readers through creating a simple custom Babel plugin using visitors and AST manipulation.

ASTJavaScriptbabel
0 likes · 10 min read
Understanding Babel: History, Usage, and Custom Plugin Development
Qunar Tech Salon
Qunar Tech Salon
Jul 18, 2018 · Frontend Development

Converting React Class Components to Miniapp Component Calls Using Babel Plugins

This article explains how to transform React class components into WeChat Mini‑Program Component({}) calls by building a custom Babel plugin that extracts class inheritance, methods, state handling, and replaces import/export statements, while also mapping React lifecycle patterns to Mini‑App equivalents.

JavaScriptMiniappReact
0 likes · 9 min read
Converting React Class Components to Miniapp Component Calls Using Babel Plugins