Front End World

A revisit of the Every Layout sidebar with :has() and selector performance

Heydon Pickering takes a fresh look the Every Layout Sidebar layout, 6 years on, to see if modern CSS selectors can improve it.

https://piccalil.li/blog/a-revisit-of-the-every-layout-sidebar-with-has-and-selector-performance/

It’s All About (Accessibility) Focus And Compose

I’ve seen multiple questions in various Slack communities, Stack Overflow, and other places related to focus on Android and how it doesn’t…

https://proandroiddev.com/its-all-about-accessibility-focus-and-compose-de1ec352649a

How To Create Kinetic Image Animations with React-Three-Fiber

Bring static visuals to life with rotating textures, 3D geometry, and smooth motion powered by React Three Fiber.

https://tympanus.net/codrops/2025/07/09/how-to-create-kinetic-image-animations-with-react-three-fiber/

React & TypeScript: 10 patterns for writing better code

This article explores several proven patterns for writing safer, cleaner, and more readable code in React and TypeScript.

https://blog.logrocket.com/react-typescript-10-patterns-writing-better-code/

React Router: New Governance and React Server Component APIs

React Router merged with the Remix framework, but it isn’t done evolving. We spoke with Shopify's Brooks Lybrand about what to expect next.

https://thenewstack.io/react-router-new-governance-and-react-server-component-apis/

The future of Nuxt​

I am very pleased to let you know that a number of us on the Nuxt core team are joining Vercel. As you know, Nuxt is a free and open source framework for building full-stack web apps. One of the th...

https://github.com/nuxt/nuxt/discussions/32559

We studied 100 dev tool landing pages — here’s what really works in 2025

While designing a landing page template for dev tool startups, we reviewed 100+ real product sites. Along the way, we uncovered practical insights—here’s what’s worth knowing if you’re building one yourself.

https://evilmartians.com/chronicles/we-studied-100-devtool-landing-pages-here-is-what-actually-works-in-2025?q=1

The History of React Through Code

Learn React's history using pragmatic code samples and deep dives. This journey reveals the consistent design in React's APIs stemming from the very beginning.

https://playfulprogramming.com/posts/react-history-through-code

ECMAScript 2025: The best new features in JavaScript

The latest JavaScript specification standardizes a well-balanced and thoughtful set of features, including the built-in global Iterator, new Set methods, improvements to regular expressions, and more.

https://www.infoworld.com/article/4021944/ecmascript-2025-the-best-new-features-in-javascript.html

Build a 3D Product Configurator with Babylon.js

Learn how to create interactive 3D product visualizations and configurators using Babylon.js, an open-source WebGL/WebGPU engine.

https://spin.atomicobject.com/3d-product-babylon-js/

Getting Creative With Versal Letters

A versal letters is a typographic flourish found in illuminated manuscripts and traditional book design, where it adds visual interest and helps guide a reader’s eye to where they should begin.

https://css-tricks.com/getting-creative-with-versal-letters/

The world’s longest React hooks migration

How we (finally) modernized a legacy codebase at scale — without halting product development

https://craft.faire.com/the-worlds-longest-react-hooks-migration-8f357cdcdbe9

What I Took From the State of Dev 2025 Survey

State of Devs 2025 survey results are out! Sunkanmi Fafowora highlights a few key results about diversity, health, and salaries.

https://css-tricks.com/what-i-took-from-the-state-of-dev-2025-survey/

Unlocking Angular Performance: Optimization Techniques

Sonu outlines six essential strategies to enhance the speed and responsiveness of Angular applications: image optimization, routing, deferrable views, change detection optimization, employing the a...

https://www.codemag.com/Article/2507061/Unlocking-Angular-Performance-Optimization-Techniques

Modern async iteration in JavaScript with Array.fromAsync()

JavaScript's 'Array.fromAsync()' offers a concise alternative to 'for await...of' when working with async iterables and streams.

https://allthingssmitty.com/2025/07/14/modern-async-iteration-in-javascript-with-array-fromasync/

Handling JavaScript Event Listeners With Parameters

Event listeners are essential for interactivity in JavaScript, but they can quietly cause memory leaks if not removed properly. And what if your event listener needs parameters? That’s where things get interesting. Amejimaobari Ollornwi shares which JavaScript features make handling parameters with event handlers both possible and well-supported.

https://www.smashingmagazine.com/2025/07/handling-javascript-event-listeners-parameters/