Frontend Development

Showing 100 articles max
Architect's Guide
Architect's Guide
Jun 19, 2026 · Frontend Development

Essential API Specs for Front‑End/Back‑End Separation: A Practical Guide

The article explains why front‑end/back‑end separation is needed, outlines the challenges of the MVC era, describes the SPA‑based separation model, and provides a detailed, versioned interface specification—including request/response formats, mock server workflow, and special field rules—to streamline collaborative development.

AJAXAPI DesignJSON
0 likes · 11 min read
Essential API Specs for Front‑End/Back‑End Separation: A Practical Guide
21CTO
21CTO
Jun 17, 2026 · Frontend Development

ArrowJS 1.0: The First UI Framework Built for AI Agents

ArrowJS 1.0, a sub‑5KB reactive UI library that requires no JSX or build step, adds an optional WebAssembly sandbox, async components, SSR and hydration, and has sparked lively community debate over its minimalist design, agent‑oriented goals, and differences from React and Vue.

Agent-orientedArrowJSFrontend
0 likes · 6 min read
ArrowJS 1.0: The First UI Framework Built for AI Agents
Geek Labs
Geek Labs
Jun 17, 2026 · Frontend Development

Turn Claude Code’s Status Bar into a Customizable Dashboard with ccstatusline

ccstatusline is a highly customizable status‑line plugin for Claude Code that replaces the plain one‑line bar with a dashboard of dozens of components—model usage, Git info, timers, usage monitoring, Powerline support, gradient colors and responsive layout—installable via a single npm command.

Claude CodeTypeScriptccstatusline
0 likes · 5 min read
Turn Claude Code’s Status Bar into a Customizable Dashboard with ccstatusline
Node.js Tech Stack
Node.js Tech Stack
Jun 17, 2026 · Frontend Development

Build Cross‑Platform Desktop Apps with a Single Deno Command—No Electron or Tauri

The new deno desktop subcommand lets developers compile a Deno or modern front‑end project into a self‑contained, cross‑platform desktop application with a single command, offering three rendering back‑ends, automatic framework detection, native window APIs, and features like auto‑update, while still lacking full production‑grade capabilities compared to Electron and Tauri.

CEFDenoElectron
0 likes · 8 min read
Build Cross‑Platform Desktop Apps with a Single Deno Command—No Electron or Tauri
Node.js Tech Stack
Node.js Tech Stack
Jun 15, 2026 · Frontend Development

TanStack AI Challenges Vercel: A Deep Dive into the New Frontend SDK

The article analyzes TanStack AI, an open‑source TypeScript SDK that aims to replace the messy glue code between AI models and front‑end applications, compares its adapter‑based design, type‑safety features, and AG‑UI protocol with Vercel AI SDK, and evaluates its current beta readiness and trade‑offs for developers.

AG-UIAI SDKAdapter Pattern
0 likes · 11 min read
TanStack AI Challenges Vercel: A Deep Dive into the New Frontend SDK
Node.js Tech Stack
Node.js Tech Stack
Jun 14, 2026 · Frontend Development

Is Your React Code Sick? Let the 12.4K‑Star react‑doctor Diagnose It in One Command

react-doctor, a 12.4K‑star open‑source CLI from the Million.js team, scans React projects for performance, state‑management, effect, architecture, security and accessibility issues—especially the subtle anti‑patterns introduced by AI‑generated code—providing a 0‑100 score, detailed file/line reports, and CI integration.

AI code generationCLIGitHub Actions
0 likes · 8 min read
Is Your React Code Sick? Let the 12.4K‑Star react‑doctor Diagnose It in One Command
21CTO
21CTO
Jun 14, 2026 · Frontend Development

How React Compiler’s Rust Port Boosts Build Speed Up to 10× with AI‑Assisted Code Migration

The React team fully migrated the React Compiler from TypeScript to Rust, combining human‑designed architecture with AI‑generated code, achieving up to 10× faster core conversion, a 3× overall compile speed increase, seamless integration with Babel, SWC and OXC, and a rigorous three‑layer testing regime.

AI-assisted migrationBabelCompiler
0 likes · 10 min read
How React Compiler’s Rust Port Boosts Build Speed Up to 10× with AI‑Assisted Code Migration
IT Services Circle
IT Services Circle
Jun 14, 2026 · Frontend Development

How GSAP + AI Generates Advanced Vue & React Animations in One Line

The GSAP team released the gsap‑skills AI knowledge base, enabling tools like Cursor, Claude Code and Copilot to automatically generate full‑featured GSAP timelines, ScrollTrigger setups and performance‑optimized animation code for Vue and React projects, turning complex web animations from guesswork into reliable production code.

AIFrontendGSAP
0 likes · 8 min read
How GSAP + AI Generates Advanced Vue & React Animations in One Line
AI Open-Source Efficiency Guide
AI Open-Source Efficiency Guide
Jun 13, 2026 · Frontend Development

Brew Browser: Open‑Source Homebrew GUI with Dual‑Version Architecture, Security Scanning & Snapshots for Mac Developers

Brew Browser is a lightweight native GUI for Homebrew that offers both a cross‑platform Tauri version and a macOS‑only Swift version, providing dashboard overviews, searchable package libraries, trend analytics, snapshot backup, optional vulnerability scanning, keyboard shortcuts, and a privacy‑first design, with detailed installation and architecture guidance.

GUIHomebrewOpen Source
0 likes · 12 min read
Brew Browser: Open‑Source Homebrew GUI with Dual‑Version Architecture, Security Scanning & Snapshots for Mac Developers
LuTiao Programming
LuTiao Programming
Jun 13, 2026 · Frontend Development

When AI Redesign Breaks Your Site: Why Git Branches Aren’t Enough

Using AI to redesign a front‑end page can quickly overwrite code and static assets, exposing the limits of simple Git branches; by creating a separate Git worktree, isolating the working directory, and organizing new resources in dedicated folders, developers keep the main branch stable while safely experimenting.

AIFrontendgit
0 likes · 18 min read
When AI Redesign Breaks Your Site: Why Git Branches Aren’t Enough
Java Architect Handbook
Java Architect Handbook
Jun 12, 2026 · Frontend Development

Is WebSocket Still the Best Choice for Real-Time Push? Compare with SSE and Polling

This article examines three server‑to‑client push methods—polling, WebSocket, and Server‑Sent Events (SSE)—detailing their mechanisms, browser compatibility, pros and cons, suitable scenarios, and provides step‑by‑step demos with Node.js/Express and plain HTML to help developers choose the most efficient solution for real‑time messaging.

ExpressFrontendNode.js
0 likes · 16 min read
Is WebSocket Still the Best Choice for Real-Time Push? Compare with SSE and Polling
Full-Stack Cultivation Path
Full-Stack Cultivation Path
Jun 11, 2026 · Frontend Development

React Compiler Rewritten in Rust—Most of the Code Generated by Claude AI

The React team merged a massive PR that ports the React Compiler from TypeScript to Rust, adding over 123,000 lines, delivering roughly 3× overall speed and 10× pure transform speed, preserving the original architecture, passing 1,725 tests, supporting Babel, OXC and SWC integrations, and largely written with Claude AI, though it remains an early‑sharing experimental build.

BabelClaude AICompiler
0 likes · 8 min read
React Compiler Rewritten in Rust—Most of the Code Generated by Claude AI
CodeNotes
CodeNotes
Jun 10, 2026 · Frontend Development

16 Practical CSS Tricks Using :has() to Replace JavaScript

The new CSS :has() selector finally lets parents be selected based on child states, eliminating dozens of lines of JavaScript; this article demonstrates sixteen real‑world use cases, explains compatibility across major browsers, and offers performance tips for safe adoption.

:has()CSSCSS tricks
0 likes · 9 min read
16 Practical CSS Tricks Using :has() to Replace JavaScript
Architect's Guide
Architect's Guide
Jun 9, 2026 · Frontend Development

Complete Frontend Guide to Previewing DOCX, PPTX, XLSX, and PDF Files

The article surveys commercial file‑preview services and open‑source front‑end and back‑end solutions for DOCX, PPTX, XLSX, and PDF, compares their capabilities, limitations, and costs, and provides concrete code examples and a reusable Web Component for developers.

FrontendOpen SourcePDF
0 likes · 19 min read
Complete Frontend Guide to Previewing DOCX, PPTX, XLSX, and PDF Files
LuTiao Programming
LuTiao Programming
Jun 7, 2026 · Frontend Development

Why Slicing Beats Coding: Lessons from Recreating a Product Mockup with Claude, Codex, Cursor, and v0.app

The author rebuilt a visually complex app homepage using React, Next.js, Tailwind CSS and AI tools (Claude, Codex, Cursor, v0.app), discovering that while the AI can generate functional code, the real challenge lies in correctly slicing the design into background assets and DOM elements to preserve visual fidelity.

AI code generationClaudeCodex
0 likes · 14 min read
Why Slicing Beats Coding: Lessons from Recreating a Product Mockup with Claude, Codex, Cursor, and v0.app