Frontend Development

Showing 100 articles max

A Simple Curl Command Unveils the 2026 Fields Medal Leak, Spotlighting Two Peking University Alumni

An unfiltered eventSnapshot API on the ICM 2026 website revealed four hidden Fields Medal lecture entries—including Chinese mathematicians Wang Hong and Yu Deng—through a single curl request, prompting a data leak that could mark the first year two Chinese scholars share the award and highlighting their distinct academic journeys.

Fields MedalICM 2026curl
0 likes · 10 min read
A Simple Curl Command Unveils the 2026 Fields Medal Leak, Spotlighting Two Peking University Alumni
Java Architect Handbook
Java Architect Handbook
Jul 14, 2026 · Frontend Development

Building a Java Desktop App with Shadcn UI, React, and JxBrowser

The article explains how to replace outdated Swing/JavaFX UI by embedding a React application styled with shadcn/ui into a Java desktop program using JxBrowser, covering reliable web view setup, dev‑vs‑prod resource loading via a custom jxb:// scheme, and two Java‑to‑JS communication approaches (JS‑Java bridge and Protobuf + gRPC) with concrete code examples.

Desktop ApplicationJavaJxBrowser
0 likes · 8 min read
Building a Java Desktop App with Shadcn UI, React, and JxBrowser
IoT Full-Stack Technology
IoT Full-Stack Technology
Jul 14, 2026 · Frontend Development

Why Do Major Tech Companies Build Their Own Front‑End Scaffolding?

The article examines how large front‑end teams create internal scaffolding tools, detailing each stage—from pre‑development setup and template generation to build, commit‑hook checks and CI‑driven releases—and explains how these tools simplify configuration, enforce standards, manage versions, and streamline development workflows.

Frontendbuild toolsci
0 likes · 11 min read
Why Do Major Tech Companies Build Their Own Front‑End Scaffolding?
IoT Full-Stack Technology
IoT Full-Stack Technology
Jul 13, 2026 · Frontend Development

Why Do Big Tech Companies Build Their Own Front‑End Scaffolding Tools?

The article walks through the full lifecycle of a large‑company front‑end scaffold—from pre‑development command simplification and version locking, through template‑driven development, build‑tool integration, commit‑hook checks, and CI/CD publishing—showing how each stage reduces configuration overhead, risk, and duplicated effort.

build toolsci/cdcode quality
0 likes · 11 min read
Why Do Big Tech Companies Build Their Own Front‑End Scaffolding Tools?
SpringMeng
SpringMeng
Jul 10, 2026 · Frontend Development

Exploring TDesign: A Complete Guide to the New Open‑Source UI Library

This article walks through Tencent's open‑source TDesign library, covering its cross‑framework component suite, starter‑kit CLI initialization, AI‑friendly MCP server, and step‑by‑step creation of an AI chat page with practical code snippets and screenshots.

CLIFrontendMCP
0 likes · 8 min read
Exploring TDesign: A Complete Guide to the New Open‑Source UI Library
AI Architecture Path
AI Architecture Path
Jul 10, 2026 · Frontend Development

Meta’s Astryx: An 8‑Year‑Built Design System Redefining AI‑Assisted Frontend Development

When using AI coding assistants like Cursor, Claude, or Copilot, developers often face mismatched props, hard‑coded design tokens, and duplicated modal implementations despite mature component libraries, a problem Astryx solves with a machine‑readable JSON contract, AI‑specific rule files, and a real‑time MCP service, offering a fully open React design system that scales to thousands of internal applications.

AI codingAstryxComponent Library
0 likes · 13 min read
Meta’s Astryx: An 8‑Year‑Built Design System Redefining AI‑Assisted Frontend Development
21CTO
21CTO
Jul 9, 2026 · Frontend Development

Bun’s 11‑Day, 780k‑Line Migration from Zig to Rust Powered by AI

In just 11 days, Bun migrated 1,448 Zig files and over 780,000 lines of code to Rust, achieving 100% test pass, cutting memory usage dramatically, reducing binary size by 20%, improving performance by up to 5%, and demonstrating an AI‑driven, fully automated rewrite that sparked intense community debate.

AI-driven migrationBunPerformance
0 likes · 12 min read
Bun’s 11‑Day, 780k‑Line Migration from Zig to Rust Powered by AI
LouZai
LouZai
Jul 9, 2026 · Frontend Development

How I Cloned a Paid Editor with AI in 4 Hours and Saved $98

The author details a four‑hour, AI‑driven process that replicates the MDNice paid editor—including theme support, cross‑platform copy, AI error correction, and auto‑publish—while spending roughly 1 billion tokens, ultimately avoiding the $98 annual subscription.

AI code generationAI-powered editorMDNice
0 likes · 8 min read
How I Cloned a Paid Editor with AI in 4 Hours and Saved $98
AI Architecture Path
AI Architecture Path
Jul 8, 2026 · Frontend Development

Alibaba’s 25K‑Star Front‑End GUI Agent PageAgent Lets AI Control Web Apps Without Backend

PageAgent, an open‑source pure front‑end JavaScript GUI agent from Alibaba with over 25,000 GitHub stars, embeds an AI agent directly into the webpage DOM to enable natural‑language driven interactions—such as form filling and data extraction—without any backend, headless browser, or OCR, and it offers low‑cost integration, model‑agnostic LLM support, and detailed comparisons against Selenium, Playwright and Browser‑use.

AIFront-endJavaScript
0 likes · 15 min read
Alibaba’s 25K‑Star Front‑End GUI Agent PageAgent Lets AI Control Web Apps Without Backend
Spring Full-Stack Practical Cases
Spring Full-Stack Practical Cases
Jul 7, 2026 · Frontend Development

Free Claude Code + Pencil: Auto‑Generate UI and Seamlessly Convert Between Design and Code

This guide shows how to install the Pencil VS Code extension, configure Claude Code with Spring Boot 3.5.0, use AI prompts to design a bilingual enterprise login UI, export the design as a .pen file, and automatically generate Vue 3 + ElementPlus code, illustrating the full design‑to‑code and code‑to‑design workflow.

Claude CodeDesign‑code conversionElementPlus
0 likes · 8 min read
Free Claude Code + Pencil: Auto‑Generate UI and Seamlessly Convert Between Design and Code
IoT Full-Stack Technology
IoT Full-Stack Technology
Jul 7, 2026 · Frontend Development

Is WebSocket Still the Best Choice for Real‑Time Push? Consider SSE

The article compares polling, WebSocket, and Server‑Sent Events (SSE) for server‑to‑client real‑time messaging, explains each method’s mechanics, advantages and drawbacks, shows browser compatibility, outlines typical business scenarios, and provides a complete Node‑Express demo with code samples.

EventSourceExpressHTTP
0 likes · 12 min read
Is WebSocket Still the Best Choice for Real‑Time Push? Consider SSE
Java Web Project
Java Web Project
Jul 7, 2026 · Frontend Development

Clone Any Website with One Command Using This Open‑Source AI Tool – Step‑by‑Step Guide

This article walks through how an open‑source AI tool uses a headless browser to fully render a target site and generate a complete Next.js project, compares it with traditional site‑scraping utilities, lists required prerequisites, provides detailed installation and cloning steps, and covers post‑clone modification, deployment, and common issues.

Claude CodeCursorFrontend development
0 likes · 9 min read
Clone Any Website with One Command Using This Open‑Source AI Tool – Step‑by‑Step Guide
Ubiquitous Tech
Ubiquitous Tech
Jul 5, 2026 · Frontend Development

Create a Cyberpunk Terminal‑Style Web PPT with AI‑Generated Skills

The article demonstrates how to use an AI Agent skill to generate a single‑file HTML presentation styled as a cyberpunk terminal console, eliminating the need for PowerPoint or design tools, and outlines suitable use cases, interactive features, example output, and the command‑line steps to install the skill.

AI skillFrontendcyberpunk
0 likes · 4 min read
Create a Cyberpunk Terminal‑Style Web PPT with AI‑Generated Skills
Advanced AI Application Practice
Advanced AI Application Practice
Jul 5, 2026 · Frontend Development

Generate Lightweight Lottie Animations with a Single Prompt – Even from SVGs

This guide shows how to use the open‑source Text‑to‑Lottie tool powered by Codex to create lightweight Lottie animations—such as text effects, logo reveals, and SVG‑based icon motions—by describing them in plain language, previewing instantly in the browser, and exporting the resulting JSON for integration.

AI animationFrontendLottie
0 likes · 7 min read
Generate Lightweight Lottie Animations with a Single Prompt – Even from SVGs