Front End World

JavaScript string slice() considered harmful

Understanding UTF-16 and protobuf encodings to resolve a bug in our CSV importer.

https://attio.com/engineering/blog/javascript-string-slice-considered-harmful

How to test React Server Component

This is a tutorial on how to test React Server Component in Next.js

https://www.nico.fyi/blog/how-to-test-react-server-component

Scroll-Driven Sticky Heading

I was playing around with scroll-driven animations, just searching for all sorts of random things you could do. That’s when I came up with the idea to animate main headings and, using scroll-driven animations, change the headings based on the user’s scroll position.

https://css-tricks.com/scroll-driven-sticky-heading/

Announcing Node-API Support for React Native

We are bringing Node-API to React Native to simplify native module development. Learn how this ABI-stable, cross-runtime system can unlock faster builds, better maintainability, and broader ecosystem interoperability.

https://www.callstack.com/blog/announcing-node-api-support-for-react-native

Sneaky Header Blocker Trick One of the coolest transitions on this blog.

There is a lil’ UI detail on this blog. Most people don’t even notice it, but the ones who do often reach out, asking how on earth it works. It feels like it defies the rules of CSS! In this blog post, I’ll break down the surprisingly-straightforward implementation so you can start using this trick yourself.

https://www.joshwcomeau.com/css/header-blockers/

Bridging the Server-Client Boundary with Signals

How mixed-signals turns server-side Preact Signals into real-time shared state across clients, and what that can look like in tech like Cloudflare Durable Objects

https://www.jovidecroock.com/blog/mixed-signals/

Web Rewind:An interactive journey through 30 years of the web

An interactive journey through 30 years of the web

https://www.web-rewind.com/

Implementing Next.js 16 ‘use cache’ with next-intl Internationalization

Next.js 16 introduces component-level caching with the 'use cache' directive, but it doesn't work seamlessly with next-intl yet. Learn why and discover a practical workaround.

https://aurorascharff.no/posts/implementing-nextjs-16-use-cache-with-next-intl-internationalization/

Widespread GitHub Campaign Uses Fake VS Code Security Alerts to Deliver Malware

Widespread GitHub phishing campaign uses fake Visual Studio Code security alerts in Discussions to trick developers into visiting malicious website.

https://socket.dev/blog/widespread-github-campaign-uses-fake-vs-code-security-alerts-to-deliver-malware

Experimenting With Scroll-Driven corner-shape Animations

The new CSS corner-shape() property is mathematical, so it’s easily animated. Author Daniel Schwarz pokes at animating the property for interesting UI effects.

https://css-tricks.com/experimenting-with-scroll-driven-corner-shape-animations/

The Great CSS Expansion

CSS now does what Floating UI, GSAP ScrollTrigger, Framer Motion, and react-select used to require JavaScript for. Here is exactly how much that saves, why these libraries were painful beyond their size, and what the platform still hasn't figured out.

https://blog.gitbutler.com/the-great-css-expansion

React Project Structure: From MANTRA to Modern Frameworks

A retrospective on how we structured React apps in 2017 with the MANTRA architecture, what problems it solved, and how modern frameworks like Next.js and TanStack Start have absorbed those ideas into conventions we now take for granted.

https://saschb2b.com/blog/react-structure-then-and-now

We Benchmarked Top React Gantt Chart Libraries So You Don’t Have To

Comprehensive benchmark of 6 popular React Gantt chart libraries. Compare loading speed, CRUD operations, live updates, scrolling, and memory usage. Find out which library performs best.

https://svar.dev/blog/react-gantt-benchmark/

Storybook MCP for React

Storybook-powered agentic UI development

https://storybook.js.org/blog/storybook-mcp-for-react/

CSS Refactoring with an AI Safety Net

How to safely refactor messy CSS using AI assistance and screenshot-based visual diffing as a regression safety net.

https://danielabaron.me/blog/css-refactoring-with-an-ai-safety-net/

New to the web platform in March

Discover some of the interesting features that have landed in stable and beta web browsers during March 2026.

https://web.dev/blog/web-platform-03-2026

Building a Dual-Scene Fluid X-Ray Reveal Effect in Three.js

Learn how to use Three.js to blend two scenes with a fluid simulation, creating a smooth, dynamic reveal effect.

https://tympanus.net/codrops/2026/03/23/building-a-dual-scene-fluid-x-ray-reveal-effect-in-three-js/