BestHub
Sign in

Frontend Development

Showing 100 articles max
Latest Popular
Amap Tech
Amap Tech
Jul 2, 2026 · Frontend Development

How AI‑Native Refactoring Revamped a Massive Store Front‑End System

The article details a large‑scale AI‑driven refactor of Gaode's store front‑end, explaining why AI was needed, the four core technologies (FilePlan, Task Orchestrator, Clean‑Spec, Knowledge‑Loop), concrete metrics such as 624 AI commits, 6000 anti‑patterns cleared, and the resulting architectural, component and quality improvements.

AI‑Driven RefactoringAutomationClean Architecture
0 likes · 27 min read
How AI‑Native Refactoring Revamped a Massive Store Front‑End System
Amap Tech
Amap Tech
Jul 2, 2026 · Frontend Development

How Gaode’s Search Frontend Refactor Used Harness to Drive Complex Engineering Evolution

The article details Gaode’s front‑end overhaul of the AJX search result page, describing how a project‑level Harness workflow with coordinated agents, a five‑stage pipeline, code‑map generation, controlled code emission, style‑codex locking, accounting assets, and runtime quality loops enabled systematic, auditable, and reusable AI‑assisted refactoring of a massive codebase.

AI RefactoringAJXArchitecture
0 likes · 18 min read
How Gaode’s Search Frontend Refactor Used Harness to Drive Complex Engineering Evolution
Java Companion
Java Companion
Jul 2, 2026 · Frontend Development

A Tiny Rust‑Based Open‑Source Markdown Editor Built for AI Workflows

The article reviews marka.md, a lightweight Rust‑powered local‑first Markdown editor with a Context Tray that lets users bundle multiple files into a single AI‑ready text block, highlighting its no‑login design, dual‑pane UI, shortcut support, installation quirks, and practical limitations.

AIMarkdownRust
0 likes · 7 min read
A Tiny Rust‑Based Open‑Source Markdown Editor Built for AI Workflows
IoT Full-Stack Technology
IoT Full-Stack Technology
Jul 1, 2026 · Frontend Development

From Design to Implementation: Frontend Permission Development with RBAC

This article walks through the complete process of building a front‑end permission system using Role‑Based Access Control (RBAC), covering scheme selection, permission field design, route generation, dynamic routing, Vue‑router guards, Vuex storage, and common pitfalls with detailed code examples.

Access ControlFrontend PermissionsRBAC
0 likes · 27 min read
From Design to Implementation: Frontend Permission Development with RBAC
Frontend AI Walk
Frontend AI Walk
Jul 1, 2026 · Frontend Development

AI Misses the Mark: Cascader Expands 40→420 Lines in Micro‑Frontend – 5 Popup Pitfalls & Full‑Screen Fix

The author recounts a half‑day debugging saga where a Cascader component in a micro‑frontend ballooned from about 40 to 420 lines because rc‑trigger’s hidden DOM, incorrect coordinate calculations, and missing scroll listeners broke the popup layer, and presents a full‑screen container solution plus a checklist of five common pitfalls.

Ant Design VueCascaderfrontend debugging
0 likes · 14 min read
AI Misses the Mark: Cascader Expands 40→420 Lines in Micro‑Frontend – 5 Popup Pitfalls & Full‑Screen Fix
AI Architecture Path
AI Architecture Path
Jun 30, 2026 · Frontend Development

Why 23K‑Star DESIGN.md Lets AI Agents Create Consistent UI Styles in One Step

The article examines why AI‑generated front‑end code often looks generic, introduces Google Labs' DESIGN.md plain‑text design spec, explains its YAML‑plus‑Markdown structure and nine required modules, showcases tooling, three practical adoption paths, extraction method trade‑offs, CI integration, and common pitfalls, enabling developers to produce professional, brand‑consistent UI with agents like Cursor, Claude Code, and Copilot.

AI UI designClaude CodeCursor
0 likes · 15 min read
Why 23K‑Star DESIGN.md Lets AI Agents Create Consistent UI Styles in One Step
DaTaobao Tech
DaTaobao Tech
Jun 29, 2026 · Frontend Development

AI-Powered Animation Pipeline: From After Effects to Ready-to-Run Front‑End Code

The article analyzes the pain points of traditional front‑end animation hand‑off and presents a full‑link solution that uses an After Effects plugin, AI‑driven code generation, and smart integration to turn designer animations into runnable code, cutting development time from hours to minutes while achieving over 95% visual fidelity.

AIAfter EffectsAutomation
0 likes · 15 min read
AI-Powered Animation Pipeline: From After Effects to Ready-to-Run Front‑End Code
AI Architecture Path
AI Architecture Path
Jun 29, 2026 · Frontend Development

Terax: A 7 MB Open‑Source Tauri2+Rust IDE that Unifies Terminal, Editor, Git, and AI Agent Offline

The article analyzes the fragmented, heavyweight, and privacy‑risk‑laden workflow of using separate VSCode, iTerm2, Git clients, and AI chat tools, then introduces Terax—a 7 MB Tauri2+Rust‑based open‑source IDE that integrates a native terminal, CodeMirror6 editor, Git visual panel, web preview, and a controllable AI Agent with offline model support, while detailing its architecture, feature set, installation steps, and current limitations.

AI AgentCodeMirror6Open Source
0 likes · 12 min read
Terax: A 7 MB Open‑Source Tauri2+Rust IDE that Unifies Terminal, Editor, Git, and AI Agent Offline
IT Services Circle
IT Services Circle
Jun 27, 2026 · Frontend Development

Why TypeScript 7.0’s Go‑rewritten Compiler Boosts Type‑Checking Speed Tenfold

Microsoft’s TypeScript 7.0 RC rewrites the compiler in Go, delivering roughly ten times faster type checking through native execution and parallelism, introduces new CLI flags for concurrency, replaces the file‑watcher with a Go implementation, adds many breaking changes, and ships a multithreaded language server with richer editor features.

Breaking ChangesCompilerGo
0 likes · 9 min read
Why TypeScript 7.0’s Go‑rewritten Compiler Boosts Type‑Checking Speed Tenfold
21CTO
21CTO
Jun 26, 2026 · Frontend Development

Can TypeScript Build Native Desktop Apps? A Deep Dive into Deno Desktop

Deno Desktop, introduced in Deno 2.9, lets developers compile TypeScript projects into native macOS, Windows, or Linux binaries using either the system WebView or a bundled Chromium engine, and the article compares its features, trade‑offs, and ecosystem against Electron and Tauri, while outlining practical usage scenarios and current limitations.

ElectronTauriTypeScript
0 likes · 12 min read
Can TypeScript Build Native Desktop Apps? A Deep Dive into Deno Desktop
ByteDance Web Infra
ByteDance Web Infra
Jun 26, 2026 · Frontend Development

Rspack 2.1 Boosts Build Speed Up to 13× with Rust‑Based React Compiler

Rspack 2.1 has been released, delivering a Rust‑implemented React Compiler that runs 7‑13× faster than the previous Babel version, overall production builds that are about 16% quicker, HMR improvements of roughly 5%, and a host of new features such as import.meta.glob support, createRequire parsing, magic comments, source‑phase imports, automatic cache cleanup, plus ecosystem updates for TanStack RSC, Rsbuild, Rslib, Rstest, Rslint, Rspress, Rsdoctor and rspack‑merge.

React CompilerRspackRust
0 likes · 24 min read
Rspack 2.1 Boosts Build Speed Up to 13× with Rust‑Based React Compiler
21CTO
21CTO
Jun 23, 2026 · Frontend Development

TypeScript 7 RC Rewrites Compiler in Go, Boosting Speed ~10×

Microsoft’s TypeScript 7 RC replaces the compiler core with Go, delivering roughly a ten‑fold speed increase across CLI builds and editor services while remaining fully compatible with TypeScript 6 semantics, and provides detailed upgrade guidance and parallel‑compilation options.

CompilerGoPerformance
0 likes · 8 min read
TypeScript 7 RC Rewrites Compiler in Go, Boosting Speed ~10×
ArcThink
ArcThink
Jun 23, 2026 · Frontend Development

Why AI‑Generated Frontends Need More Than Screenshots: A Playwright Acceptance Checklist

The article warns that relying solely on visual screenshots for AI‑generated frontends is risky, and proposes a comprehensive acceptance checklist using Playwright MCP, Playwright Test, and prompt templates to verify interactions, mobile breakpoints, error states, permissions, and to capture evidence such as screenshots, traces, and reports.

AI frontendMCPPlaywright
0 likes · 19 min read
Why AI‑Generated Frontends Need More Than Screenshots: A Playwright Acceptance Checklist
Node.js Tech Stack
Node.js Tech Stack
Jun 22, 2026 · Frontend Development

Astro 7 Launches: Rust‑Rewritten Compiler Boosts Build Speed Up to 60%

Astro 7 replaces its Go‑based compiler with a Rust implementation, adds Rust‑powered Markdown/MDX processing, queue‑style rendering and Vite 8’s Rolldown bundler, delivering 15‑61% faster builds across real‑world sites while introducing stricter template syntax and AI‑friendly dev‑server features.

AI toolingAstroBuild Speed
0 likes · 9 min read
Astro 7 Launches: Rust‑Rewritten Compiler Boosts Build Speed Up to 60%
21CTO
21CTO
Jun 22, 2026 · Frontend Development

Deno Desktop: A New Cross‑Platform Desktop Solution for JavaScript Developers

Deno Desktop, introduced at JSNation 2026, lets JavaScript/TypeScript developers convert web apps into native desktop binaries without rewriting code, offering a single‑process architecture, optional rendering engines, seamless npm integration, zero‑config framework detection, and cross‑platform packaging, positioning itself between Electron’s bulk and Tauri’s Rust requirement.

DenoDesktopElectron
0 likes · 11 min read
Deno Desktop: A New Cross‑Platform Desktop Solution for JavaScript Developers