#frontend

Tailwind CSS v4 introduces significant changes requiring migration from previous versions. The guide covers breaking changes, new features, and step-by-step migration instructions for developers.

Calibre built a dynamic hexagonal world map that loads in just 10kb, using an efficient data structure and rendering approach to balance visual detail with minimal payload size.

Kasane is a new drop-in front end for the Kakoune code editor that features GPU rendering and support for WASM plugins. The project aims to enhance the editor's performance and extensibility while maintaining compatibility with existing Kakoune configurations.

Virtual Frame is a microfrontend projection system for the web that enables embedding web applications within other web pages. The tool allows developers to project microfrontends as iframes with enhanced capabilities for modern web development workflows.

The article discusses integrating Rust with React applications, covering techniques for using WebAssembly to run Rust code in web browsers. It explores practical approaches for combining the performance benefits of Rust with React's component-based architecture.

An open-source alternative Hacker News front page has been released, featuring point highlights and search functionality. The project was created months ago and is now available for others to fork and customize.

Faker is a library that generates realistic fake data for testing, helping developers create more comprehensive and reliable test cases. Using realistic test data improves test quality and reduces bugs in production applications.

The article explains how z-index stacking works in CSS, particularly focusing on stacking contexts. It clarifies that z-index values only have meaning within the same stacking context, and elements create new stacking contexts when certain CSS properties are applied.

A Svelte 5 agency template featuring GSAP animations and Tailwind CSS v4 has been released under an MIT license. The template uses Svelte 5's Runes system and includes a live demo available for viewing.

The article discusses strategies for rapidly developing React UI components while maintaining code quality and organization. It provides practical approaches to balance speed and maintainability in React projects.

The article explores the unique challenges of UI engineering, discussing how it differs from other types of programming. It examines the complexities of managing state, handling user interactions, and dealing with the unpredictable nature of user interfaces.

The article discusses why certain React APIs are not implemented as hooks, explaining that just because something can be made into a hook doesn't mean it should be. It explores design considerations and constraints in the React hooks API.

The article provides a comprehensive guide to the useEffect Hook in React, explaining how effects integrate with component data flow and lifecycle. It covers common use cases, best practices, and potential pitfalls when managing side effects in functional components.

The React team prioritizes user interface considerations before API design decisions. This principle guides their development approach to ensure better user experiences.

The article discusses the fundamental React equation UI = f(data)(state), explaining how React components transform data and state into user interface elements. It explores the relationship between these two core concepts in React development.

The article discusses React's approach to handling two computers with one origin, exploring how the framework manages state and rendering across different devices.

The article discusses JSX Over The Wire, a concept that involves turning APIs inside-out. It explores approaches for sending JSX components over network connections rather than just data.

The article discusses the concept of "impossible components" in React development, exploring how components can be composed across different layers of the stack. It examines the challenges and possibilities of creating components that bridge various architectural levels.

The article discusses functional HTML concepts, focusing on the structure and relationships between HTML tags. It explores how tags interact with each other on both sides of elements.

The article discusses React Server Components (RSC) for Astro developers, describing them as "islands, but make it fractal." It explains how RSC extends the islands architecture concept in a more complex, nested manner.

The article discusses features that could be adopted from npmx, a user-designed package registry frontend. It explores what happens when users create their own registry interfaces and highlights potentially useful functionalities.