1 views collected around this technical thread.
This article chronicles two decades of front‑end development, detailing early browser compatibility struggles, the transformative impact of HTML5, CSS3, modern JavaScript, Node.js, and frameworks, and finally explores how AI, WebAssembly, WebGL/WebGPU and low‑code tools are reshaping the front‑end landscape.
MoonBit is an AI‑native, general‑purpose programming language that blends Rust and Scala concepts, offering garbage collection, WebAssembly compilation, rich type system, pattern matching, traits, operator overloading, testing support, and functional programming features, illustrated through a chess‑board modeling example.
MoonBit is an AI‑native, garbage‑collected language that blends Rust’s performance with Scala‑style functional features, offering enums, trait derivation, pattern matching, operator overloading, testing, and WebAssembly compilation, demonstrated through a chess‑board example showcasing its modern type system and tooling.
The article explores how PHP can stay relevant by embracing API‑driven development, GraphQL, microservices, serverless architectures, WebAssembly, and AI/ML, offering developers practical guidance to build modern, efficient, and secure web applications.
The 2024 front‑end review highlights Python eclipsing JavaScript on GitHub, TypeScript’s steady rise, ECMAScript 2024 utilities, major framework releases (React 19, Vue 3.5, Svelte 5, Angular 19), a surge of Rust‑based tooling, new JavaScript runtimes, Chrome’s anchor CSS, AI‑driven development tools, cross‑platform advances, WebAssembly’s component model, and forecasts 2025’s AI‑enhanced productivity, deeper TypeScript adoption, Rust tooling dominance, and unified multi‑device strategies.
This article explains the fundamentals of WebAssembly, its advantages, how to install Rust, set up a Rust project, compile it to a .wasm module with wasm‑bindgen, and seamlessly integrate the resulting WebAssembly code into a Vue 3 frontend application using canvas drawing examples.
This article explains the fundamentals of Jamstack and server‑side rendering (SSR), compares their roles in modern web development, and examines emerging trends such as React Server Components, WebAssembly integration, serverless architectures, and hybrid rendering, outlining how these innovations shape the future of SSR.
This edition of the ZhuanZhuan Frontend Weekly presents a curated selection of recent technical articles covering React 19 release, HarmonyOS adaptation in a travel app, the Vision animation platform at Kuaishou, migration from Electron to Tauri, and WebAssembly‑enhanced WebCodecs for high‑performance video frame extraction.
The project extracts FFmpeg’s demuxing logic into a lightweight WebAssembly module that feeds container‑agnostic video packets to WebCodecs, enabling fast, low‑cost frame extraction across many formats and cutting cover‑generation latency by ~40% while reducing container‑related failures by ~72%.
Hydration in Leptos involves rendering the initial HTML on the server and then, on the client via WebAssembly, attaching event listeners and state management to enable fast page loads, SEO benefits, and interactive features, with example SSR code illustrating the process.
SpinKube combines Spin Operator, containerd‑shim‑spin, and an upcoming runtime‑class‑manager to deliver a lightweight, fast‑starting WebAssembly runtime on Kubernetes that addresses the dependency, resource, and image‑size challenges of traditional container‑based serverless architectures.
The article explains how WebAssembly’s mature community, stronger security sandbox, superior performance, and open‑source governance differentiate it from the outdated Java Applet, positioning Wasm for rapid growth and broader adoption in modern browsers.
This guide explains how to embed SQLite in browser‑based applications using sql.js, covering npm and CDN loading methods, configuration for bundlers, database creation, query execution, import/export techniques, persistent storage, and Node/Electron usage with detailed code examples.
WebAssembly (Wasm) is a portable binary format that runs near native speed in browsers, providing sandboxed security and modular deployment, though its ecosystem is still maturing; it shines in compute‑intensive tasks like scientific computing, gaming, and porting native code, and can be integrated with Rust via wasm‑bindgen and wasm‑pack to create npm‑compatible modules that outperform JavaScript on larger workloads, while requiring higher development effort.
This guide explains how to set up a Rust toolchain, compile Rust code to WebAssembly, use wasm‑bindgen and wasm‑pack, write the necessary Rust and JavaScript glue code, and run the resulting Wasm module in a web page with a Web Worker, providing a complete workflow for front‑end developers.
SQLite, a lightweight serverless relational database written in C, powers billions of devices and is used for mobile app storage, embedded systems, offline desktop applications, small‑to‑medium data analysis, and browser‑based acceleration via WebAssembly, supporting languages such as C, C++, Java, Python, and Swift.
MoonBit is a Chinese‑developed, Rust‑like programming language that offers zero‑cost generics, compile‑time precise error handling, and high‑performance iterators, delivering dramatically faster compilation and smaller WebAssembly binaries for cloud and edge computing workloads.
After three years of building the Wick framework with Rust and WebAssembly, the author shares practical insights on Rust's strengths—such as its borrow checker, type system, and Clippy linting—and its drawbacks, including tooling gaps, async friction, and refactoring challenges, to help developers decide if Rust is worth the investment.
This article introduces how to use NAPI‑RS for developing, debugging, and publishing Node.js extensions in Rust, covering Rust’s growing role in frontend tooling, project setup with @napi‑rs/cli, exposing functions and objects to JavaScript, handling callbacks, asynchronous calls, and CI/CD build and release processes.
This article explores the integration of WebAssembly and WebGL to build a high-performance frontend rendering engine, detailing architectural design, benchmark results, Lottie animation optimization, and a novel frame-difference sprite sheet technique that significantly reduces resource size while enhancing interactive capabilities.