C
Chengyu Wordle Is Not a Love Story

From The New York Times article “Wordle Is a Love Story”, it began as a sweet love story of Josh Wardle building a game for his partner. It became super popular and now has its own Wikipedia page.

I first saw it on my Twitter timeline when people keep posting their Wordle results. I was honestly annoyed because they were just bragging and the results didn’t really tell much. At that time, I…

Read more →
Cloudflare Acquires VoidZero to Advance Open Source Vite Ecosystem

Cloudflare this week acquired VoidZero, the maintainer of open source tools such as Vite, Vitest, Rolldown, Oxc, and Vite+ that are used widely to build web application frameworks. Rita Kozlov, vice president of product management for Cloudflare, said this acquisition will ensure the financial stability of a set of open source tools that play a […]

Webpack is a JavaScript module bundler that takes a project's source files (JS, CSS, images, fonts) and produces optimised static assets for the browser. Webpack defined the modern front-end build pipeline and dominated for nearly a decade; today it is being displaced by newer bundlers (Vite, esbuild, Turbopack, Rspack) but remains in use across a large installed base.

Core concepts

  • Entry.…

Vue.js is a progressive JavaScript framework for building user interfaces, created by Evan You in 2014. Vue is designed to be incrementally adoptable: it can drop into a single page or anchor an entire application, and it borrows ideas from React (component model, virtual DOM) and Angular (templates, directives) while keeping the API approachable.

Core ideas

  • Single-file components (.vue).…

Svelte is a JavaScript UI framework that shifts most of the work from runtime to build time. Svelte components are compiled into small, surgical, imperative JavaScript that updates the DOM directly, rather than relying on a virtual DOM. The result is a smaller bundle and often faster updates than the runtime alternatives.

Core ideas

  • Compiled, not interpreted. The framework largely…

Nuxt is the production framework for Vue, analogous to Next.js for React. It provides file-based routing, server-side rendering, static site generation, layouts, auto-imports, a module ecosystem, and a Nitro-powered server for deployment to any JavaScript runtime.

Key features

  • File-based routing. Files in pages/ become routes; dynamic params via [param].vue.
  • Universal rendering. SSR,…

Next.js is the most widely used React framework, maintained by Vercel. It adds file-based routing, server rendering, static generation, incremental static regeneration, image and font optimisation, edge runtime support, and a fully integrated build pipeline on top of React. Next.js is the default starting point for new React applications at most companies.

Routing modes

  • App Router…

Client-Side Rendering (CSR) is the pattern where the server returns a minimal HTML shell and bundle of JavaScript, and the browser fetches data and builds the entire UI client-side. Single-page applications (SPAs) built with React, Vue, or Angular without an SSR framework default to CSR.

Strengths

  • Rich interactivity. The whole app runs in the browser; transitions and state changes are…

Astro is a web framework built around the "islands architecture": pages are server-rendered HTML by default, with interactive components hydrated only where explicitly marked. Astro lets developers mix React, Vue, Svelte, Solid, and Preact components in the same project and ships zero JavaScript by default.

Core ideas

  • Server-first rendering. Pages render to static HTML at build time or per…
Page 1