Front End World

Decorator Pattern in React: A Practical Guide

Learn how decorators separate business logic from performance monitoring, retries, debouncing, permissions, and loading states.

https://jsdev.space/howto/decorator-pattern-frontend/

What Happened to the Frontend While You Weren’t Watching

The last time you wrote one it was a and an FTP upload — spare twenty minutes and get up to speed on everything the web did while you looked away.

https://davidpoblador.com/deep-dives/what-happened-to-the-frontend/

Tales from the Void: June 2026 Recap

Our June 2026 recap covers the Vite+ beta launch, Vite 8.1, and the latest from Vitest, Rolldown, Oxc, and the community.

https://voidzero.dev/posts/whats-new-jun-2026

How Growth by Sabir Uses GTmetrix MCP and AI to Optimize Performance Across 200+ Ecommerce Brands

Learn how Growth by Sabir uses GTmetrix MCP and AI to improve ecommerce performance, streamline development workflows, and scale site speed improvements.

https://gtmetrix.com/blog/how-growth-by-sabir-uses-gtmetrix-mcp-and-ai-to-optimize-performance-across-200-ecommerce-brands/

Modern CSS in 2026: The JavaScript You Can Finally Delete

Modern CSS in 2026: :has(), container queries, view transitions, anchor positioning, and scroll-driven animations that replace JavaScript. With honest support notes.

https://www.alexcloudstar.com/blog/modern-css-2026-features/

Getting Started with Angular Signal Forms

Learn the basics of Angular Signal Forms, including models, validation and two-way synchronization, to build reactive forms with confidence.

https://www.telerik.com/blogs/getting-started-angular-signal-forms

On anchored interfaces

Popover and CSS Anchor Positioning move menus, tooltips, and small overlays back into the platform: top layer, light-dismiss, focus return, spatial tethering, and viewport-aware placement.

https://karlkoch.me/writing/on-anchored-interfaces

The React Compiler

The React Compiler memoizes your components at build time, and it does the job better than you can by hand. What it is, how the compiled output works, how to turn it on, and what to do with the useMemo calls already in your codebase.

https://neciudan.dev/react-compiler-explained

The Agentic Web

Unlock the future of web interaction by making your site "agent-ready" for the surging wave of AI agents. This essential guide breaks down the Agentic Web into a pragmatic framework of Discovery, Understanding, and Usage, showing developers how to optimize for machine-readability, semantic clarity, and reliable AI engagement with new standards like WebMCP. Learn to build a robust foundation that benefits both AI and human users, ensurin

https://bandarra.me/posts/the-agentic-web

The Sleepers: Creating an Atmospheric WebGL Experience with Lightweight Techniques

From swirling transitions and animated fog to mesh outlines and infinite worlds, here's a breakdown of the techniques behind it.

https://tympanus.net/codrops/2026/07/10/the-sleepers-creating-an-atmospheric-webgl-experience-with-lightweight-techniques/

Proxy and Reflect

An extremely deep-dive into the often forgotten, but incredibly useful Proxy and Reflect objects by JavaScript for Everyone's Mat Marquis.

https://piccalil.li/blog/proxy-and-reflect/

Building a Scroll-Driven 3D Gallery Using a Blender Camera Path with Three.js and GSAP

Build a cinematic, scroll-driven 3D gallery using a camera path authored in Blender, rendered with Three.js, and animated with GSAP.

https://tympanus.net/codrops/2026/07/07/building-a-scroll-driven-3d-gallery-using-a-blender-camera-path-with-three-js-and-gsap/

Getting Started with Anchor Positioning

For decades, one of the most notoriously-challenging problems on the web has been sticking one element to another element, for things like tooltips and nested menus. The CSSWG has decided to provide a first-class solution to this problem, and it’s pretty friggin’ cool! In this tutorial, I’ll share the most useful parts I’ve found from this modern CSS feature.

https://www.joshwcomeau.com/css/anchor-positioning/

Dan Abramov joined the Next.js team at Vercel, part-time

... i have joined the @nextjs.org team at @vercel.com.

https://bsky.app/profile/danabra.mov/post/3mp5b3nd3ws2k

Next.js 16.3: AI Improvements

Actionable errors with paste-ready fix prompts, first-party Skills for the dev loop and Cache Components, and tooling that keeps coding agents in sync with your project.

https://nextjs.org/blog/next-16-3-ai-improvements

usermedia: Chrome wants the browser, not your app, to own camera permission prompts

Chrome is shipping a declarative element in Chrome 151 that moves camera and microphone permission handling out of getUserMedia() calls and into browser-owned UI, with real recovery-rate gains reported by Cisco, Zoom, and Google Meet in trials.

https://blog.invidelabs.com/chrome-usermedia-html-element/

Different hydration and rendering strategies

Over the years, in our goal to achieve faster and faster web applications, we created different hydration and rendering strategies. Each with benefits and drawbacks that we explore in this article.

https://neciudan.dev/hydration-and-rendering-strategies