BestHub
Sign in

Frontend Development

Showing 100 articles max
Latest Popular
Data Party THU
Data Party THU
Jun 7, 2026 · Frontend Development

Build Web Tools with Python Only: Introducing NiceGUI

This article introduces NiceGUI, a pure‑Python web UI framework that lets developers create fully functional, visually appealing web applications without writing any HTML, CSS, or JavaScript, covering its core concepts, quick‑start example, advanced features, component library, layout system, data‑visualisation integration, multi‑page support, suitable scenarios, and a comparison with traditional web development.

NiceGUINo-code FrontendPython
0 likes · 14 min read
Build Web Tools with Python Only: Introducing NiceGUI
CodeNotes
CodeNotes
Jun 7, 2026 · Frontend Development

Which React Global State Library Wins? Redux, Zustand, MobX, or Context (3‑Minute Guide)

This article compares Redux Toolkit, Zustand, MobX, and React Context for global state management, offering a decision matrix, concrete code examples, practical tips, and scenario‑based recommendations so developers can choose the most suitable solution for their project's size, complexity, and team dynamics.

Context APIFrontend developmentMobX
0 likes · 12 min read
Which React Global State Library Wins? Redux, Zustand, MobX, or Context (3‑Minute Guide)
Geek Labs
Geek Labs
Jun 7, 2026 · Frontend Development

Motrix Next: A Full‑Featured Downloader Rebuilt with Tauri 2, Now Only 20 MB

Motrix Next is a complete rewrite of the classic Motrix downloader, replacing Electron with Tauri 2 and Vue 3, shrinking the installer from about 80 MB to roughly 20 MB while retaining support for HTTP, FTP, BitTorrent, magnet links, browser‑extension integration, and a lightweight system‑tray mode.

Desktop ApplicationDownloaderMotrix Next
0 likes · 6 min read
Motrix Next: A Full‑Featured Downloader Rebuilt with Tauri 2, Now Only 20 MB
AI Open-Source Efficiency Guide
AI Open-Source Efficiency Guide
Jun 6, 2026 · Frontend Development

How KY Design-to-HTML Skill Turns a UI Screenshot into Precise HTML/CSS

The article introduces KY Design-to-HTML Skill, an AI skill for Codex and Claude that converts UI screenshots into precise HTML/CSS by following a six‑step workflow—structure recognition, asset classification, canvas adaptation, code generation, screenshot verification, and iterative correction—plus installation guidance and practical use cases.

AIAutomationCSS
0 likes · 9 min read
How KY Design-to-HTML Skill Turns a UI Screenshot into Precise HTML/CSS
CodeNotes
CodeNotes
Jun 6, 2026 · Frontend Development

9 Practical JSX Tips to Write Cleaner React Code

This article presents nine concise JSX techniques—such as using clsx for class concatenation, proper short‑circuit rendering, extracting deep ternaries, forwarding props with ...rest, leveraging children, memoizing style objects, correct comment syntax, fragment shorthand, and minimal boolean attributes—to boost code readability and component flexibility in React development.

Code styleFrontendJSX
0 likes · 7 min read
9 Practical JSX Tips to Write Cleaner React Code
LuTiao Programming
LuTiao Programming
Jun 6, 2026 · Frontend Development

Why AI Front‑End Needs More Than Code: The Missing Aesthetic

The article analyzes why AI‑generated front‑end pages often feel like a collection of cards rather than a cohesive product, showing how a redesign that adds a clear hero, narrative hierarchy, unified visual language, and purposeful CTA transforms a functional UI into a mature, immersive experience for Java/Spring Boot developers.

AIAppshotsCodex
0 likes · 16 min read
Why AI Front‑End Needs More Than Code: The Missing Aesthetic
Old Zhang's AI Learning
Old Zhang's AI Learning
Jun 5, 2026 · Frontend Development

Open-Source Browser‑Based Word Editor: Introducing docx‑editor

The article reviews the newly released docx‑editor, a client‑side WYSIWYG .docx editor built on ProseMirror with React and Vue adapters, detailing its architecture, installation, usage examples, real‑time collaboration via Yjs, AI Agent SDK integration, and practical pros and cons based on hands‑on testing.

AI AgentFrontendOpen Source
0 likes · 15 min read
Open-Source Browser‑Based Word Editor: Introducing docx‑editor
Tech Musings
Tech Musings
Jun 5, 2026 · Frontend Development

How I Built a Mood‑Tracking Mini‑Program with Fuzzy Location, Backend Reverse Geocoding, and Manual Map Selection

This article details the step‑by‑step development of a WeChat mini‑program that adds location‑based check‑ins, covering fuzzy location retrieval, moving reverse‑geocoding to the backend for key protection, the failed attempt at precise GPS, and the final hybrid approach of fuzzy auto‑location combined with manual map point selection.

WeChat Mini ProgramchooseLocationgeolocation
0 likes · 6 min read
How I Built a Mood‑Tracking Mini‑Program with Fuzzy Location, Backend Reverse Geocoding, and Manual Map Selection
Full-Stack Cultivation Path
Full-Stack Cultivation Path
Jun 5, 2026 · Frontend Development

Is Next.js on the Way Out? Meet the New React Powerhouse: TanStack Start

As AI startups abandon Next.js for TanStack’s emerging ecosystem, the article examines TanStack Start’s full‑stack React capabilities, the explicit‑over‑magic philosophy, and why the growing AI community sees TanStack as the next foundational infrastructure, suggesting Next.js will remain important but no longer the sole standard.

AIFrontendNext.js
0 likes · 7 min read
Is Next.js on the Way Out? Meet the New React Powerhouse: TanStack Start
CodeNotes
CodeNotes
Jun 4, 2026 · Frontend Development

N CSS Centering Techniques Every Front‑End Engineer Should Know

This article classifies centering scenarios, explains horizontal and vertical methods for inline and block elements, and walks through practical CSS solutions—from text‑align and margin auto to Flex, Grid, and absolute positioning—while highlighting pitfalls and a quick reference table.

CSSFlexboxFrontend
0 likes · 8 min read
N CSS Centering Techniques Every Front‑End Engineer Should Know
vivo Internet Technology
vivo Internet Technology
Jun 3, 2026 · Frontend Development

How to Build a Stable @Document Mention Input with ProseMirror

This article walks through implementing an @document mention feature for a knowledge‑base Q&A input box, comparing a naïve contenteditable approach with a ProseMirror‑based solution, detailing schema design, plugin and suggestion handling, and the stability challenges of cursor, IME, and undo/redo.

FrontendPluginProseMirror
0 likes · 12 min read
How to Build a Stable @Document Mention Input with ProseMirror
ByteDance Web Infra
ByteDance Web Infra
Jun 3, 2026 · Frontend Development

TanStack Start Adds Official Rsbuild v2 Support

The TanStack Start framework now supports both Vite and Rsbuild v2, offering teams the choice between these build tools, with a shared adapter architecture, detailed configuration example, and discussion of how the dual‑adapter approach clarifies core responsibilities and eases migration from webpack‑based setups.

Frontend Build ToolsReActRsbuild
0 likes · 6 min read
TanStack Start Adds Official Rsbuild v2 Support
Tencent TDS Service
Tencent TDS Service
Jun 3, 2026 · Frontend Development

Introducing Kuikly Compose DSL: Standard Compose on Six Native Platforms

Kuikly Compose DSL extends the standard Jetpack Compose API to six native platforms—Android, iOS, HarmonyOS, H5, WeChat Mini‑Program, and macOS—by integrating a custom applier, layout mapping, gesture bridging, and native scrolling while preserving Compose semantics and enabling AI‑generated code.

Compose DSLCross‑Platform UIGesture Integration
0 likes · 14 min read
Introducing Kuikly Compose DSL: Standard Compose on Six Native Platforms
CodeNotes
CodeNotes
Jun 2, 2026 · Frontend Development

Why Your CSS Rules Aren’t Applying: A 1‑Minute Guide to Selector Specificity

Every CSS developer has faced a rule that refuses to work, tried adding !important, and still seen no change; this article explains the four‑digit specificity weight, inheritance, the dangers of !important, and how @layer can cleanly manage priority, ending with practical debugging steps and best‑practice tips.

@layerCSSFrontend
0 likes · 13 min read
Why Your CSS Rules Aren’t Applying: A 1‑Minute Guide to Selector Specificity
AI Engineering
AI Engineering
Jun 1, 2026 · Frontend Development

How GSAP’s New AI Skill Pack Fixes AI‑Generated PPT‑Style Animations

The article explains that AI‑generated front‑end animations often appear stiff and PPT‑like, and introduces GSAP’s open‑source gsap‑skills package, which teaches AI tools proper use of GSAP’s core APIs, timelines, ScrollTrigger, Flip, SplitText, and more, with broad agent compatibility and free installation.

AIGSAPWeb Development
0 likes · 3 min read
How GSAP’s New AI Skill Pack Fixes AI‑Generated PPT‑Style Animations
Top Architecture Tech Stack
Top Architecture Tech Stack
Jun 1, 2026 · Frontend Development

How Claude Design Turned code80’s Codebase into a Production‑Ready Animation

The author recounts using Claude Design to read the code80 homepage code, generate three animation concepts, refine the chosen smart‑routing sketch, and produce a pure‑HTML/CSS terminal animation that integrates seamlessly with existing Vue components while addressing accessibility and deployment issues.

AI‑assisted designCSSClaude Design
0 likes · 8 min read
How Claude Design Turned code80’s Codebase into a Production‑Ready Animation
Alipay Experience Technology
Alipay Experience Technology
Jun 1, 2026 · Frontend Development

Introducing @utoo/pack: A Next‑Gen Frontend Build Tool Powered by Turbopack

@utoo/pack, the Rust‑based frontend bundler built on Turbopack, delivers 3‑10× faster cold starts and hundred‑fold HMR speed versus webpack, offers seamless webpack compatibility, integrates with Umi, Father, Dumi, and provides detailed architecture, usage guides, and real‑world performance data from Ant Group projects.

RustTurbopackUtoopack
0 likes · 14 min read
Introducing @utoo/pack: A Next‑Gen Frontend Build Tool Powered by Turbopack
CodeNotes
CodeNotes
May 29, 2026 · Frontend Development

From CSS3 to Modern CSS: Revolutionary Features Shaping Front‑End Development

This article traces CSS’s evolution from early versions to modern, modular specifications and demonstrates how new features such as custom properties, cascade layers, container queries, :has(), nesting, logical properties, color‑mix(), subgrid, view‑transition API and anchor positioning solve long‑standing styling challenges for developers.

CSSCascade LayersCustom Properties
0 likes · 18 min read
From CSS3 to Modern CSS: Revolutionary Features Shaping Front‑End Development