Front End World

Why I Walked Back from Next.js and RSC to a Plain SPA and a Separate Backend I've been writing React for a long time, and I want to tell you a story about a round trip. It starts... https://dev.to/devrayat000/why-i-walked-back-from-nextjs-and-rsc-to-a-plain-spa-and-a-separate-backend-3ibo

TypeScript Is Not a Security Boundary A deep practical guide to securing TypeScript applications across Node.js, React, Next.js, APIs, databases, SSR, and modern web infrastructure. https://jsdev.space/typescript-security-guide/

Google wants to make the web agent-ready Google's I/O 2026 announcements bring WebMCP to Chrome, DevTools agents, and HTML-in-Canvas API, reshaping how AI agents interact with the web. https://thenewstack.io/google-agent-ready-web/

Howto Use the Blob API for File Processing, Downloads, and Memory-Safe Frontend Applications Learn how to use the Blob API for file processing, uploads, previews, downloads, and memory optimization in modern JavaScript applications. https://jsdev.space/howto/master-blob-api/

Angular Signal Forms: From event pipelines to signal-driven state How Angular Signal Forms introduce a state-first model for validation, UI updates, and form state management. https://www.infoworld.com/article/4171858/angular-signal-forms-from-event-pipelines-to-signal-driven-state.html

The State of CSS Centering in 2026 Despite the countless number of online resources, it’s easy to get confused when trying to center an element. There are documented solutions, but do you really understand why the code you picked works? Let's look at the current state of centering options today in 2026. https://css-tricks.com/the-state-of-css-centering-in-2026/

npm Invalidates Granular Access Tokens as Mini Shai-Hulud Sweeps the Registry npm invalidated all granular access tokens that bypass 2FA after a fresh Mini Shai-Hulud wave compromised 323 npm packages. Staged publishing also ent... https://socket.dev/blog/npm-invalidates-tokens-mini-shai-hulud

Creating Scroll-Driven SVG Map Animations with GSAP A hands-on tutorial showing how to create lightweight, cinematic scroll-driven SVG map animations with GSAP using path drawing, motion tracking, and camera-like zoom effects—without relying on third-party map APIs. https://tympanus.net/codrops/2026/05/21/creating-scroll-driven-svg-map-animations-with-gsap/

Cross-Document View Transitions: The Gotchas Nobody Mentions This is Part 1 of a two-part series about cross-document view transitions, going over all the gotchas, from ditching the deprecated way to opt into them to a little-known 4-second timeout. https://css-tricks.com/cross-document-view-transitions-part-1/

Choosing CSS Selectors for Production: Specificity, Modern Pseudo-Classes, and Maintainable Styles Struggling with CSS selector specificity in production? Learn when to use :has(), :is(), and :where() to keep styles predictable and maintainable. https://www.syncfusion.com/blogs/post/choose-css-selectors-for-production

React Server Components in TanStack https://frontendmasters.com/blog/react-server-components-in-tanstack/

A few ways of specifying per-theme colours in only CSS https://chrismorgan.info/css-themed-colours

The History of Date in JavaScript Discover the 31-year journey from JavaScript’s flawed Date API to Temporal in ECMAScript 2026 and Node.js 26. Learn how Temporal fixes time zones, parsing, immutability, and modern date handling in JavaScript. https://nodesource.com/blog/javascript-temporal-history-nodejs-26

How to track user behavior with JavaScript (without bloating your site) https://www.sitepoint.com/how-to-track-user-behavior-with-javascript-without-bloating-your-site/

How to build advanced forms in Next.js using a rule engine Learn how to build advanced Next.js forms with rule engines, client-side previews, Server Actions, and server-validated form logic. https://blog.logrocket.com/how-build-advanced-forms-next-js-rule-engine/

JavaScript Invocation Mechanics: Understanding call, apply, bind, and arguments from the Inside Out Deep dive into JavaScript call, apply, bind, and arguments. Learn explicit binding, handwritten implementations, and real language internals. https://jsdev.space/howto/call-apply-bind/

Angular v22 WebMCP Tools Explained Angular v22 is experimenting with a new way to expose your app’s real capabilities to AI. Instead of letting models guess what's happening by scraping the DOM, we can now provide explicit, state-backed tools directly to the browser. This post walks through setting up WebMCP tools to bridge the gap between your Angular state and AI models like Gemini. https://briantree.se/angular-webmcp-tools/

#css

Btw, syntax is well supported (Baseline) I knew that the CSS :nth-child(n of selector) is a thing, but I didn’t know how well supported it is nowadays. Another thing I didn’t know is that I can use CSS nesting with it like in the example below. Modern CSS is incredible ❣️ https://bsky.app/profile/pawelgrzybek.com/post/3ml4nheptqc2z