Drag to look around · Click an object for detailsVinyl grooves, a tonearm and silver dials in a quiet listening corner.Individual glass panes, lead seams and a floral border.Open pages, a cup of tea and a quiet moment to read.
1982 · A room, a record Drag to orbit · Pinch to zoomDrag to orbit · Scroll to zoom · Esc to exit
How to Build Your Own Operating System
7 minArch Linux embraces minimalism, allowing users to build any functionality they desire. This guide walks you through setting up your own Arch Linux system on a physical machine. You’ll need: a computer, a USB drive (or any removable storage...
Understanding Hydration in Depth: A “Necessary Evil” of Modern Frontend Frameworks?
3 minServer-side rendering (SSR) delivers a fast initial load, but it also introduces Hydration and its performance cost. What is it? Why does it cause an “interaction delay”? And which alternatives is the community exploring?
How WebAssembly (WASM) Is Changing Frontend Development
3 minJavaScript is no longer the only player in the browser. By delivering near-native performance, WebAssembly (WASM) is bringing desktop-class applications such as Photoshop and Figma to the Web.
Creating Seamless Page Transitions with the View Transitions API
3 minThe “white flash” during page navigation has long harmed the user experience. Browsers now provide the native View Transitions API, allowing us to create cinematic page transitions with just a few lines of code.
Understanding React Server Components in Depth
2 minReact Server Components (RSC) are one of React’s most important paradigm shifts in recent years. This article explores their core concepts, the problems they solve, and how they reshape the way we build applications.
Say Goodbye to process.env.UNDEFINED: Type-Safe Environment Variables in Your Project
3 minMissing or malformed environment variables are a common source of runtime bugs. With a validation library such as Zod, an application can verify at startup that every environment variable exists and has the correct type, eliminating this class of problem.
Vue 3.4 Update: Simpler v-bind Syntax and Better Performance
2 minVue 3.4 “🏀 Slam Dunk” has been released with a more efficient reactivity-system rewrite and a stable defineModel API, greatly improving the developer experience for components with two-way binding.
Goodbye Rome, Hello Biome: A New All-in-One Frontend Toolchain
2 minThe vision behind the Rome toolchain once excited countless developers. After its commercial effort failed, the community carried on its legacy under the name Biome. Can this Rust-based all-in-one toolchain become the next member of our toolbox?
Bun 1.0 Is Here: The All-in-One Runtime Challenging Node.js
2 minIn September 2023, the release of Bun 1.0 made waves in the JavaScript community. Built from scratch, this JavaScript toolkit officially challenged Node.js dominance with its remarkable speed and all-in-one design.
Native CSS Nesting Is Finally Here!
2 minWe waited ten years! Selector nesting, a core Sass/Less feature, is finally supported natively by major browsers. Say goodbye to preprocessors and welcome a cleaner, more intuitive way to write CSS.
The Rise of Utility-First CSS: Tailwind CSS as an Example
2 minSay goodbye to the frustrations of BEM and CSS-in-JS? Utility-First CSS and its leading framework, Tailwind CSS, have swept through the frontend community in recent years. What makes them so appealing?
The Next Generation of End-to-End Testing: Getting Started with Playwright
3 minTired of unstable end-to-end tests? With cross-browser support, automatic waiting, and powerful debugging tools, Microsoft’s Playwright is becoming a new benchmark for test automation.
Signals: The New Wave of Frontend Reactivity
3 minFrom SolidJS and Qwik to Preact and Svelte 5, Signals are becoming a core paradigm for high-performance reactive updates in modern frontend frameworks. This article explores how they work and their impact on the ecosystem.
Say Goodbye to API Documentation: Building End-to-End Type-Safe Applications with tRPC
4 minHow can frontend and backend data contracts remain synchronized in a full-stack TypeScript project? Without code generation or an intermediate schema, tRPC provides genuine end-to-end type safety.
Exploring Astro: Built for Content-Driven Websites
3 minAt a time when single-page applications (SPAs) are everywhere, Astro takes a different path and focuses on peak performance for content websites. What makes its islands architecture so powerful?
SvelteKit 1.0 Officially Released: A New Way to Build Web Applications
2 minAfter more than two years of development, SvelteKit 1.0 was finally released in December 2022. Hailed as the future of building Web applications at any scale, it offers distinctive core features and a thoughtful design philosophy.
The Evolution of React State Management: From Props Drilling to Zustand
3 minReact state management has evolved from early “props drilling,” through Redux’s unified approach, to today’s flourishing ecosystem of lightweight libraries such as Zustand. This article reviews that fascinating history.
From Webpack to Vite: A Smooth Migration Journey
3 minDoes your Webpack project take a minute to start and more than ten seconds to hot-update? It is time to embrace the next generation of frontend build tools. This article records the process and lessons of a migration from Webpack to Vite.
Zero-Runtime CSS-in-JS: Combining Developer Experience with Exceptional Performance
3 minCSS-in-JS offers an excellent developer experience, but its runtime performance cost has long been controversial. Zero-runtime CSS-in-JS extracts styles into static CSS files at build time, delivering the best of both worlds.
ES2022 Features Overview: Top-Level Await, .at(), and More
2 minECMAScript 2022 (ES2022) has been officially released with a series of practical new features. This article offers a quick look at the most notable updates, including Top-Level await and the .at() method.
Goodbye Redux Boilerplate? A Detailed Guide to the Lightweight Zustand State Manager
3 minDoes Redux’s complexity put you off? Zustand offers a minimalist, Hooks-based state-management solution for React. This article introduces its core usage and design philosophy.
Managing Your Monorepo with Turborepo
3 minAs projects grow more complex, Monorepo has become a popular way to organize code. But how can the resulting build performance problems be solved? Turborepo is a high-performance build system created for exactly this purpose.
SolidJS: A Truly Reactive JavaScript Framework
3 minIt looks like React, but it has no virtual DOM. Through its innovative fine-grained reactivity system, SolidJS reaches new heights in performance. Let us take a closer look.
Do You Really Know How to Use Fetch? Canceling Requests with AbortController
3 minIn modern Web development, the Fetch API has become the standard way to make HTTP requests. But do you know how to gracefully cancel a request that is no longer needed? AbortController is the answer.