The weekly

JavaScript Weekly

Front-End Front Top Stories What Is CSS Containment and How Can I Use It? https://csswizardry.com/2026/04/what-is-css-containment-and-how-can-i-use-it/ What To Know in JavaScript (2026 Edition) https://frontendmasters.com/blog/what-to-know-in-javascript-2026-edition/ Your options for preloading images with JavaScript https://macarthur.me/posts/preloading-images/ css-or-bs https://www.keithcirkel.co.uk/css-or-bs/ You probably don't need to lift state https://allthingssmitty.com/2026/03/30/you-probably-dont-need-to-lift-that-state/

Frontend Focus Small browser demos for the kinds of layout work https://chenglou.me/pretext/ What Is CSS Containment and How Can I Use It? https://csswizardry.com/2026/04/what-is-css-containment-and-how-can-i-use-it/ Your options for preloading images with JavaScript https://macarthur.me/posts/preloading-images/ Applying accessibility fixes with stealth for the greater good https://piccalil.li/blog/applying-accessibility-fixes-with-stealth-for-the-greater-good/ Cookie Consent Management in 2026, Part 1: Overview https://cloudfour.com/thinks/cookie-consent-management-in-2026-part-1-overview/ Magic Link Pitfalls https://etodd.io/2026/03/22/magic-link-pitfalls/ Preserving The Web Is Not The Problem. Losing It Is.

JavaScript Weekly axios Compromised on npm - Malicious Versions Drop Remote Access Trojan https://www.stepsecurity.io/blog/axios-compromised-on-npm-malicious-versions-drop-remote-access-trojan Transformers.js v4 https://github.com/huggingface/transformers.js/releases/tag/4.0.0 Signals, the push-pull based algorithm https://willybrauner.com/journal/signal-the-push-pull-based-algorithm Your options for preloading images with JavaScript https://macarthur.me/posts/preloading-images/ A gentle intro to npm workspaces, with visuals https://wasp.sh/blog/2026/03/25/gentle-intro-npm-workspaces I Decompiled the White House's New App https://blog.thereallo.dev/blog/decompiling-the-white-house-app Building a Scroll-Reactive 3D Gallery with Three.js, Velocity, and Mood-Based Backgrounds https://tympanus.net/codrops/2026/03/09/building-a-scroll-reactive-3d-gallery-with-three-js-velocity-and-mood-based-backgrounds/ Pretext: A Multiline Text Measurement and Layout Library https://simonwillison.net/2026/Mar/29/pretext/ Announcing Knip v6 https://knip.dev/blog/knip-v6 🎨 ArtPlayer.js is a modern and full featured HTML5 video player https://github.com/zhw2590582/ArtPlayer Streaming-First Visualization for React https://semiotic.nteract.io/ Copilot Edited an Ad Into My PR https://notes.zachmanson.com/copilot-edited-an-ad-into-my-pr/ Create guided tours for your apps. Showcase features to new users or explain functionality with interactive walkthroughs. https://react-joyride.com/ Next.js Across Platforms: Adapters, OpenNext, and Our Commitments https://nextjs.org/blog/nextjs-across-platforms Test IDs are an a11y smell https://tkdodo.eu/blog/test-ids-are-an-a11y-smell Storybook MCP for React https://storybook.js.org/blog/storybook-mcp-for-react/ שיהיה חג שמח ושקט לכולם! --------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

front-End Front Top Stories The Great CSS Expansion https://blog.gitbutler.com/the-great-css-expansion Sneaky Header Blocker Trick https://www.joshwcomeau.com/css/header-blockers/ Experimenting With Scroll-Driven corner-shape Animations https://css-tricks.com/experimenting-with-scroll-driven-corner-shape-animations/ Image Gallery with Popovers and AIM (Anchor-Interpolated Morph) https://frontendmasters.com/blog/image-gallery-with-popovers-and-aim-anchor-interpolated-morph/ WebKit Features for Safari 26.4 https://webkit.org/blog/17862/webkit-features-for-safari-26-4/

Node Weekly Tuesday, March 24, 2026 Security Releases https://nodejs.org/en/blog/vulnerability/march-2026-security-releases Developing a minimally HashDoS resistant, yet quickly reversible integer hash for V8 https://nodejs.org/en/blog/vulnerability/march-2026-hashdos Where did 400 MiB go? https://frn.sh/pmem/ The Three Pillars of JavaScript Bloat https://43081j.com/2026/03/three-pillars-of-javascript-bloat Announcing Knip v6 https://knip.dev/blog/knip-v6 Knex.js SQL query builder https://knexjs.org/ Develop server-side applications with Vite https://github.com/cyco130/vavite The fast & forgiving HTML and XML parser https://github.com/fb55/htmlparser2

Frontend Focus The Great CSS Expansion https://blog.gitbutler.com/the-great-css-expansion More Easy Light-Dark Mode Switching: light-dark() is about to support images! https://www.bram.us/2026/03/19/more-easy-light-dark-mode-switching-light-dark-is-about-to-support-images/ WebKit Features for Safari 26.4 https://webkit.org/blog/17862/webkit-features-for-safari-26-4/ web-rewind https://www.web-rewind.com/ CSS Refactoring with an AI Safety Net https://danielabaron.me/blog/css-refactoring-with-an-ai-safety-net/ Sneaky Header Blocker Trick https://www.joshwcomeau.com/css/header-blockers/ Highlighting Footnotes https://kittygiraudel.com/2026/03/18/highlighting-footnotes/ The Color System I Wish I Understood Sooner https://theadminbar.com/semantics-and-primitives-color-system/ Experimenting With Scroll-Driven corner-shape Animations https://css-tricks.com/experimenting-with-scroll-driven-corner-shape-animations/ Designing with Claude Code https://www.youtube.com/watch?v=lkKGQVHrXzE SVG favicons that respect theme preference https://pawelgrzybek.com/svg-favicons-that-respect-theme-preference/ Building a Dual-Scene Fluid X-Ray Reveal Effect in Three.js https://tympanus.net/codrops/2026/03/23/building-a-dual-scene-fluid-x-ray-reveal-effect-in-three-js/ New bookmarklet – Structure Revealer https://a11y-tools.com/blog/2026/03/new-bookmarklet-structure-revealer/ SVG, JSX, CDN, or Download https://www.thesvg.org/ The minimalist, zero-config engine for professional documentation. https://docmd.io/ Professional video editing, right in your browser https://tooscut.app/ Simple, tiny library for building Progressive Web Components.| https://elenajs.com/ A collection of small details that make big difference https://detail.design/ Beautiful, fast, and powerful CSS tooling with zero configuration https://csskit.rs/ Visualizes GitHub contribution graphs as Space Shooter! https://github.com/czl9707/gh-space-shooter --------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

JavaScript Weekly Announcing TypeScript 6.0 https://devblogs.microsoft.com/typescript/announcing-typescript-6-0/ Next.js 16.2 https://nextjs.org/blog/next-16-2 storybook v10.3.0 https://github.com/storybookjs/storybook/releases/tag/v10.3.0 The Three Pillars of JavaScript Bloat https://43081j.com/2026/03/three-pillars-of-javascript-bloat Rewriting our Rust WASM Parser in TypeScript https://www.openui.com/blog/rust-wasm-parser React SSR Framework Showdown: TanStack Start, React Router, and Next.js Under Load https://blog.platformatic.dev/react-ssr-framework-benchmark-tanstack-start-react-router-nextjs Two React Design Choices Developers Don’t Like—But Can’t Avoid https://dev.to/playfulprogramming/two-react-design-choices-developers-dont-like-but-cant-avoid-d6g pnpm 11 Beta 0 https://github.com/pnpm/pnpm/releases/tag/v11.0.0-beta.0 Edge.js: Running Node apps inside a WebAssembly Sandbox https://wasmer.io/posts/edgejs-safe-nodejs-using-wasm-sandbox The first UI framework for the agentic era https://arrow-js.com/ Super lightweight syntax highlighter https://sugar-high.vercel.app/ How VS Code Builds with AI https://code.visualstudio.com/blogs/2026/03/13/how-VS-Code-Builds-with-AI Less code, more power: Why we rolled our own React Server Components framework https://www.aha.io/engineering/articles/why-we-rolled-our-own-rsc-framework 5x SSR Throughput: Profiling SSR Hot Paths in TanStack Start https://tanstack.com/blog/tanstack-start-5x-ssr-throughput The drag and drop library that finally works on React Native. https://reanimated-dnd-docs.vercel.app/ Supercharge Your Data Grid. https://rv-grid.com/ 15 TypeScript Config Settings You Need To Use https://www.youtube.com/watch?v=35cESnxXH6o --------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Front-End Front Top Stories The Value of z-index https://css-tricks.com/the-value-of-z-index/ Native JSON modules are finally real https://allthingssmitty.com/2026/03/16/native-json-modules-are-finally-real/ contrast-color() beyond black & white https://una.im/advanced-contrast-color/ Folded corner with CSS https://kittygiraudel.com/2026/03/05/folded-corner-with-css/ The 49MB Web Page https://thatshubham.com/blog/news-audit

Node Weekly A petition to disallow acceptance of LLM assisted Pull Requests in Node.js core https://github.com/indutny/no-ai-in-nodejs-core Why Node.js needs a virtual file system https://blog.platformatic.dev/why-nodejs-needs-a-virtual-file-system Node.js worker threads are problematic, but they work great for us https://www.inngest.com/blog/node-worker-threads Edge.js: Running Node apps inside a WebAssembly Sandbox https://wasmer.io/posts/edgejs-safe-nodejs-using-wasm-sandbox Next.js 16.2

Frontend Focus JPEG compression https://www.sophielwang.com/blog/jpeg The 49MB Web Page https://thatshubham.com/blog/news-audit Monitor and improve your web app’s load performance https://blogs.windows.com/msedgedev/2026/03/17/monitor-and-improve-your-web-apps-load-performance/ contrast-color() beyond black & white https://una.im/advanced-contrast-color/ Abusing Customizable Selects https://css-tricks.com/abusing-customizable-selects/ There Is No “Wrong” in CSS https://www.sitepoint.com/there-is-no-wrong-in-css/ Frontend Memory Leaks: A 500-Repository Static Analysis and Five-Scenario Benchmark Study https://stackinsight.dev/blog/memory-leak-empirical-study/ Building dynamic toggletips using anchored container queries https://piccalil.li/blog/building-dynamic-toggletips-using-anchored-container-queries/ Building a Scroll-Reactive 3D Gallery with Three.js, Velocity, and Mood-Based Backgrounds https://tympanus.net/codrops/2026/03/09/building-a-scroll-reactive-3d-gallery-with-three-js-velocity-and-mood-based-backgrounds/ Vite 8.0 is out! https://vite.dev/blog/announcing-vite8 Astro 6.0 https://astro.build/blog/astro-6/ 🎨 ArtPlayer.js is a modern and full featured HTML5 video player https://github.com/zhw2590582/ArtPlayer Animated, customizable, and accessible components for Astro https://starwind.dev/ Your fast, modern, swiss army knife for color. https://www.thecolorapi.com/ whats-my jnd https://www.keithcirkel.co.uk/whats-my-jnd/ --------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

JavaScript Weekly Temporal: The 9-Year Journey to Fix Time in JavaScript https://bloomberg.github.io/js-blog/post/temporal/ Vite 8.0 is out! https://vite.dev/blog/announcing-vite8 Source Maps: Shipping Features Through Standards https://bloomberg.github.io/js-blog/post/standardizing-source-maps/ How we Rewrote 130K Lines from React to Svelte in Two Weeks https://strawberrybrowser.com/blog/react-to-svelte svelte Best practices https://svelte.dev/docs/svelte/best-practices Frontend Memory Leaks: A 500-Repository Static Analysis and Five-Scenario Benchmark Study https://stackinsight.dev/blog/memory-leak-empirical-study/ Rewriting a 12-Year-Old JavaScript Library in TypeScript https://ifandelse.com/blog/rewriting-a-12-year-old-javascript-library-in-typescript/ Nuxt 4.4 https://nuxt.com/blog/v4-4 Create Stunning Presentations on the Web https://revealjs.com/ RedwoodSDK 1.0: Getting Out of the Weeds https://rwsdk.com/blog/redwood-v1-getting-out-of-the-weeds The 49MB Web Page https://thatshubham.com/blog/news-audit shadcn/cli v4 https://ui.shadcn.com/docs/changelog/2026-03-cli-v4 18 Months of Code, Gone. Here's What We Learned. https://tompiagg.io/posts/we-threw-away-1-5-years-of-code --------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Front-End Front Top Stories Beyond border-radius: What The CSS corner-shape Property Unlocks For Everyday UI https://www.smashingmagazine.com/2026/03/beyond-border-radius-css-corner-shape-property-ui/ Abusing Customizable Selects https://css-tricks.com/abusing-customizable-selects/ Request for developer feedback: focusgroup https://developer.chrome.com/blog/focusgroup-rfc Building dynamic toggletips using anchored container queries https://piccalil.li/blog/building-dynamic-toggletips-using-anchored-container-queries/ Goodbye innerHTML, Hello setHTML: Stronger XSS Protection in Firefox 148 https://hacks.mozilla.org/2026/02/goodbye-innerhtml-hello-sethtml-stronger-xss-protection-in-firefox-148/

Node Weekly My Personal Skills for AI-assisted Node.js Development https://adventures.nodeland.dev/archive/my-personal-skills-for-ai-assisted-nodejs/ We Scanned 250 Node.js Repos for Blocking I/O. 76% Had It — and the Benchmarks Explain Why That Matters. https://stackinsight.dev/blog/blocking-io-empirical-study/ Announcing ArkType 2.2 https://arktype.io/docs/blog/2.2 MikroORM 7: Unchained https://mikro-orm.io/blog/mikro-orm-7-released SQLite3 bindings for Node.js https://github.com/TryGhost/node-sqlite3 System Information Library for Node.JS https://github.com/sebhildebrandt/systeminformation releases v2.0.0 https://github.com/sindresorhus/emittery/releases/tag/v2.0.0 --------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Frontend Focus Using CSS animations as state machines to remember focus and hover states with CSS only https://patrickbrosset.com/articles/2026-03-09-using-css-animations-as-state-machines-to-remember-focus-and-hover-states-with-css-only/ Request for developer feedback: focusgroup https://developer.chrome.com/blog/focusgroup-rfc Eleventy is now Build Awesome https://www.11ty.dev/blog/build-awesome/ Building a new Flash https://bill.newgrounds.com/news/post/1607118 The Value of z-index https://css-tricks.com/the-value-of-z-index/ The Big Gotcha of Anchor Positioning https://frontendmasters.com/blog/the-big-gotcha-of-anchor-positioning/ How fast is fast enough? Rethinking web performance in pragmagical terms https://www.speedcurve.com/blog/fast/ Building Async Page Transitions in Vanilla JavaScript https://tympanus.net/codrops/2026/02/26/building-async-page-transitions-in-vanilla-javascript/ The Enforced Accessibility of the Geolocation Element https://frontendmasters.com/blog/the-enforced-accessibility-of-the-geolocation-element/ One CSS Property That Makes Numbers Look Instantly Better https://www.amitmerchant.com/one-css-property-that-makes-numbers-look-instantly-better/ Native Random Values in CSS https://alvaromontoro.com/blog/68092/native-random-values-in-css The HTML Presentation Framework https://revealjs.com/ A better way to build modern Vue interfaces https://inspira-ui.com/ photo palettes https://photopalettes.com/ Search 250k+ Free SVG icons. https://allsvgicons.com/ ---------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

JavaScript Weekly Solid v2.0.0 Beta - The <Suspense> is Over https://github.com/solidjs/solid/releases/tag/v2.0.0-beta.0 Announcing TypeScript 6.0 RC https://devblogs.microsoft.com/typescript/announcing-typescript-6-0-rc/ Seven Years to TypeScript: Migrating 11,000 Files at Patreon https://www.patreon.com/posts/seven-years-to-typescript-152144830 Building a Real-Time Todo App with Jazz and Vue 3 https://alexop.dev/posts/building-real-time-todo-app-jazz-vue/ How to steal npm publish tokens by opening GitHub issues https://neciudan.dev/cline-ci-got-compromised-here-is-how Wikipedia hit by self-propagating JavaScript worm that vandalized pages https://www.bleepingcomputer.com/news/security/wikipedia-hit-by-self-propagating-javascript-worm-that-vandalized-pages/ RevoGrid is a high-performance JavaScript Data Grid built for massive datasets https://rv-grid.com/ Announcing ArkType 2.2 https://arktype.io/docs/blog/2.2 A reactive data store & sync engine https://tinybase.org/ A pure-JS, tiny typesetting engine with bit-perfect PDF output on everything—from Cloudflare Workers to the browser. https://github.com/cosmiciron/vmprint How To Handle Errors Like A Senior Dev https://www.youtube.com/watch?v=ovnyeq-Xxrc React is changing the game for streaming apps with the Activity component https://www.mux.com/blog/react-is-changing-the-game-for-streaming-apps-with-the-activity-component Bringing Lighthouse to the App: Building Performance Metrics for React Native https://engineering.indeedblog.com/blog/2026/03/bringing-lighthouse-to-the-app-building-performance-metrics-for-react-native/ Build Your Own Video Sharing App https://www.youtube.com/watch?v=IBTx5aGj-6U ---------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Front-End Front Top Stories Getting Started With The Popover API https://www.smashingmagazine.com/2026/03/getting-started-popover-api/ Popover API or Dialog API: Which to Choose? https://css-tricks.com/popover-api-or-dialog-api-which-to-choose/ Breakpoints https://cssence.com/2026/breakpoints/ The Big Gotcha of Anchor Positioning https://frontendmasters.com/blog/the-big-gotcha-of-anchor-positioning/ x86 CPU made in CSS https://lyra.horse/x86css/

Node Weekly Evolving the Node.js Release Schedule https://nodejs-org-git-fork-ulisesgascon-release-announcement-openjs.vercel.app/en/blog/announcements/evolving-the-nodejs-release-schedule Node.js 25.8.0 (Current) https://nodejs.org/en/blog/release/v25.8.0 We deserve a better streams API for JavaScript https://blog.cloudflare.com/a-better-web-streams-api/ Upgrading OpenClaw to Latest on Jetson Nano with Node 22 https://brtkwr.com/posts/2026-03-02-upgrading-openclaw-to-latest-node22-on-jetson-nano/ A pure-JS, zero-dependency typesetting engine that yields bit-perfect PDF output across any runtime—from Cloudflare Workers to the browser https://github.com/cosmiciron/vmprint Create, calculate, and format money safely https://www.dinerojs.com/ Bun v1.3.10 https://bun.com/blog/bun-v1.3.10 Barrel file removal tool for JavaScript & TypeScript projects (ESM-only) https://github.com/webpro-nl/unbarrelify/ ---------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Frontend Focus The most-seen UI on the Internet? Redesigning Turnstile and Challenge Pages https://blog.cloudflare.com/the-most-seen-ui-on-the-internet-redesigning-turnstile-and-challenge-pages/ Get features faster with Chrome's two-week release cycle https://developer.chrome.com/blog/chrome-two-week-release Why is WebAssembly a second-class language on the web? https://hacks.mozilla.org/2026/02/making-webassembly-a-first-class-language-on-the-web/ You can use newline characters in URLs https://lemire.me/blog/2026/02/28/you-can-use-newline-characters-in-urls/ Getting Started With The Popover API https://www.smashingmagazine.com/2026/03/getting-started-popover-api/ An Exploit … in CSS?! https://css-tricks.com/an-exploit-in-css/ The Odometer Effect (without JavaScript) https://frontendmasters.com/blog/the-odometer-effect-in-css/ Chip Away https://blog.damato.design/posts/chip-away/ Trying the new CodePen 2.0 https://www.youtube.com/watch?v=0R4l8nlmCAQ ASCII Drawing Board https://www.delopsu.com/draw Extract Dominant Colors From Images https://james-see.github.io/swatchify/ Build your retro component library https://www.8bitcn.com/ A heatmap diff viewer for code reviews https://0github.com/ 1995: From Batman Forever’s cinematic design to HTML tables https://cybercultural.com/p/1995-web-design/ ---------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

JavaScript Weekly Bun v1.3.10 https://bun.com/blog/bun-v1.3.10 External import maps, today! https://lea.verou.me/blog/2026/external-import-maps-today/ Why is WebAssembly a second-class language on the web? https://hacks.mozilla.org/2026/02/making-webassembly-a-first-class-language-on-the-web/ We deserve a better streams API for JavaScript https://blog.cloudflare.com/a-better-web-streams-api JavaScript DRMs are Stupid and Useless https://www.therantydev.com/javascript-drms-are-stupid How we rebuilt Next.js with AI in one week https://blog.cloudflare.com/vinext/ Using Val Town to Get Me to the Movies https://www.raymondcamden.com/2026/03/01/using-val-town-to-get-me-to-the-movies A small and powerful JavaScript runtime. https://txikijs.org/ Complete NumPy for TypeScript https://numpyts.dev/ Build really rich editors with Yoopta https://yoopta.dev/ AdonisJS v7 is here https://adonisjs.com/blog/v7 Grab colors from any image or video. https://lokeshdhakar.com/projects/color-thief/ ng2-charts https://valor-software.com/ng2-charts/ Headless, accessible, TypeScript-first select/combobox for Vue 3 https://github.com/nemanjamalesija/vue-superselect The React Foundation: A New Home for React Hosted by the Linux Foundation https://react.dev/blog/2026/02/24/the-react-foundation Creating Query Abstractions https://tkdodo.eu/blog/creating-query-abstractions React Native Comes to Meta Quest https://reactnative.dev/blog/2026/02/24/react-native-comes-to-meta-quest Life's too short to hand-write API types: OpenAPI-driven React https://evilmartians.com/chronicles/lifes-too-short-to-hand-write-api-types-openapi-driven-react ---------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S