fidzu : JavaScript

#​746 - July 25, 2025

Read on the Web

JavaScript Weekly

es-toolkit: A Modern JavaScript Utility Library - Boasts being both faster and '97% smaller' than the ubiquitous Lodash, for which it is a direct 'seamless' replacement (and now boasting 100% Lodash compatibility). The reference guide shows off all it can do, and it's widely adopted - being used by Storybook, CKEditor, and recommended by Nuxt. GitHub repo.

Viva Republica, Inc

Avoid Common Mistakes in React and Next.js - Avoid redundant useState and useEffect, deeply nested data, unscalable forms, and hidden shared state bugs. David Khourshid teaches practical patterns to refactor complex apps and scale with confidence!

Frontend Masters sponsor

When is WebAssembly Going to Get DOM Support? - Working with the DOM from JavaScript is straightforward, but WebAssembly requires glue code to do it. Is this going to change? Daniel of the TC39 committee digs into the issue here and says that modern build toolchains and WASM's evolution are making things easier all the time.

Daniel Ehrenberg

IN BRIEF:

• Over on X, Feross Aboukhadijeh explains a major supply chain breach in the JS ecosystem where popular packages, including is, were hijacked to ship malware. Here's an article on the specifics, if you'd prefer.

• npm took down the stylus package for a while, due to security issues, which caused quite a few problems.. this is a rather extensive story.

• 🇪🇸 ¿Hablas español? EsJS is a strikingly well-presented experiment - complete with online playground - to let you write JavaScript in Spanish.

• A comparison of Biome and Oxlint when it comes to offering fast, type-aware linting rules.

RELEASES:

• Bun v1.2.19 - The fast JS runtime now supports pnpm-style isolated node_modules with bun install, offers an interactive dependency updating feature, and more. Bun 1.3 is also expected very soon.

• PythonMonkey 1.2 - Embed the SpiderMonkey JS engine into Python's VM.

• React Native Reanimated 4.0 - React Native's Animated reimplemented.

• Oxlint 1.8, Jasmine 5.9

📖 Articles and Videos

A JS 'Numbers Station' in 1 Kilobyte - We've recently promoted the js1024 JavaScript code golfing contest - it's now over, but Terence breaks down his interesting entry which recreates the vibe of real-life numbers stations.

Terence Eden

💡 You can also look through all the other js1024 submissions.

Revisiting My 2010 JavaScript Library - A developer looks back at code he wrote 15 years ago, the 'clever solutions' he used, and why most of it is redundant in 2025.

Ibrahim Diallo

Build an MCP Server in Your Next.js Application with Clerk - Add a spec-compliant MCP endpoint in minutes, allowing LLMs to access user data with user consent.

Clerk sponsor

Web Serial: The Only Reason I'll Admit JavaScript Isn't All Bad - The author isn't a fan of JavaScript but likes the power the Web Serial API provides for working with external devices.

Steven Hicks

📄 'It's Time for Modern CSS to Kill the SPA' - "Use modern server rendering. Use actual pages. Animate with CSS. Preload with intent" Jono Alderson

📄 We Migrated Our Next.js Site to Eleventy and Increased Performance by 24% - Eleventy (11ty) is a popular Node-based static site generator. Dan Webb

📄 Handling JavaScript Event Listeners with Parameters Amejimaobari Ollornwi

📄 Build Your Own Font Search Engine - Using vision language models to index and search the fonts. Lúí Smyth

📄 Interactive Text Destruction with Three.js, WebGPU, and Three Shader Language Lolo Armdz

📄 React Router and React Server Components: The Path Forward Ebey and Dalgleish

🛠 Code & Tools

Transformers.js 3.7: Machine Learning and Models for the Web - Brings the ability to run powerful pretrained models in the browser, thanks to the ONNX runtime. v3.7 adds Voxtral (speech transcription and audio understanding), LFM2 and ModernBERT support.

Hugging Face

npq: Safely Install Packages by Auditing Them Pre-Install - npq performs several extra steps compared to npm. It consults Snyk's database of vulnerabilities, looks at the package's age, download count, and docs, and tries to paint a better picture of what you're really installing.

Liran Tal

Measure Web Performance Based on Real User Impact - With Embrace, get full session timelines, Core Web Vitals and JS exceptions in context, and user journey analysis.

Embrace sponsor

Untitled UI React: A Fresh UI Component Library - A giant collection of open-source (MIT) components built around Tailwind CSS and React Aria - there's a full introduction here. It's not only open source, with a 'PRO' offering with more components, examples, and Figma integration.

Untitled UI

ts-regexp: A Statically Typed Alternative to JavaScript's RegExp - A new approach for bringing strict typing to regular expressions in TypeScript.

Danilo Furrer

• 📊 ApexCharts 5.3 - Popular JS charting library. Now with data parsing abilities for directly mapping raw data objects to charts. (Demos.)

• vue-multiselect 3.3 - Universal select/multiselect/tagging component for Vue.

• eslint-plugin-unicorn 60.0 - 100+ useful ESLint rules in one place.

🎁 Some Bonus Items

• SVG (Scalable Vector Graphics) is a widely supported and powerful graphics format and Josh W Comeau has put together a fantastic 'friendly' introduction to SVG showing off what you can do with it.

• The State of HTML 2025 survey is now open to take - it's not just a survey; you'll probably learn a few things at the same time too.

• Google has unveiled OSS Rebuild, a new attempt to make open source ecosystems (like npm) more secure by allowing the comparison of packages with upstream artifacts.

• 🎉 Popular developer resource MDN is celebrating its 20th birthday.

• Three HTTP versions later, forms are still a mess.

#​745 - July 18, 2025

Read on the Web

JavaScript Weekly

The JavaScript Date Quiz - Prepare to get irritated? JavaScript's native date parsing features are notoriously arcane and prone to cause surprises if you step off the beaten track. So while we await the broad availability of the Temporal API, why not put your assumptions and knowledge to the test with an educational quiz?

Sam Rose

Next.js 15.4 Released (and What's Coming in Next.js 16) - A relatively small release for Next, but with updates to performance, stability, and Turbopack compatibility, and a good summary of what's coming next in Next.js 16.

Jimmy Lai and Zack Tanner

Add SSO & SCIM with Just a Few Lines of Code - WorkOS offers clean, well-documented APIs for SSO, SCIM, RBAC, and more, so you can focus on building features your users care about. Trusted by engineering teams at Cursor, Replit, Vercel, and Temporal.

WorkOS sponsor

WebAssembly: Yes, But for What? - Writing for ACM Queue, one of the contributors to multiple JavaScript and WebAssembly (WASM) implementations shares a good roundup of where WebAssembly is being used, both in the browser and server-side, and how it's gradually finding its way into seemingly everything.

Andy Wingo / ACM

IN BRIEF:

• Vue 3.6 Alpha has been released as a preview of what's coming up. Vapor Mode is a key addition for compiling single file components into a more efficient form.

• React Native is gaining support for Node-API, opening up a lot of possibilities for code-sharing, build optimizations, and bringing existing packages into the React Native ecosystem.

• The Node.js team is discussing whether to move Node to annual major releases (as opposed to twice a year now).

• You can now run Laravel (PHP) apps within Node.js.

RELEASES:

• Nuxt v4.0 - A major DX-focused release for the popular full-stack Vue.js framework.

• Node.js v24.4.1, v22.17.1, and v20.19.4 - To fix security vulnerabilities.

• ESLint v9.31.0 - Four core rules have been updated to support explicit resource management.

• Astro 5.12, Neutralinojs 6.2, OpenPGP.js 6.2

📖 Articles and Videos

How to Create an NPM Package in 2025 - One of JavaScript's most essential tasks, but one with numerous steps involved if you want to follow best practices, integrate useful tools, and get things just right. Matt Pocock rounds up the overall process here.

Matt Pocock

The History of React Through Code - An epic article charting React's evolution from its origins at Facebook through to now. It sheds light on React's core philosophies and the motivations behind major decisions. This is a great way to round out your thinking about, and knowledge of, React's overall story.

Corbin Crutchley

How to Build an AI Coding Rules App with Lovable - Guide AI to generate a secure, full-stack app with minimal prompts-learn how to turn ideas into working software fast.

Clerk sponsor

▶ The Untold Story of JavaScript - Two months ago, the Deno team shared A Brief History of JavaScript, a thorough timeline-based tour of JavaScript each year from 1994 till now. This video covers the same ground in just 8 minutes.

Deno

A Better Promise.all() - Utility Types and Functions - Utility types and functions that make deep promise handling more ergonomic and type-safe.

Nick Keuning

📄 Make Your Website Talk with the Web Speech API - A simple, straightforward approach. Andrew Magill

📄 How I Found a Bypass in Google's Big Anti-Adblock Update - A neat bit of JavaScript hackery (which is now fixed in Chrome). Derin Eryilmaz

📄 Building a 3D Product Configurator with Babylon.js - How to take configurable 3D models to the Web. Josh Sanderson

📄 Modern Async Iteration with Array.fromAsync() Matt Smith

🛠 Code & Tools

Tiptap v3: The Headless Rich Text Editor Framework - Tiptap provides a fantastic base for putting together powerful rich text editing experiences, and v3 includes a lot of DX improvements like being able to unmount and remount editors (ideal for dynamic UIs), 'Markviews' for creating custom views for text segments (marks) using your own components, an SSR mode, and more. GitHub repo.

Tiptap GmbH

✉️ Upyo: A Simple Cross-Runtime Email Sending Library - A cross-runtime email library that provides a unified, type-safe API for sending emails both on SMTP and HTTP-based (e.g. SendGrid or Amazon SES) providers. TIL that 'upyo' (우표) means 'postage stamp' in Korean.

Hong Minhee

No Breakpoints, No console.log - Just AI & Time Travel - 15x faster TypeScript and JavaScript debugging than with breakpoints and console.log, upgrading your AI agent into an expert debugger with real-time context.

Wallaby Team sponsor

Hyper Fetch: A 'Turbocharged' Fetch Library for Working with Remote APIs - A framework-agnostic, Axios and TanStack Query-inspired type-safe data-fetching framework for browser and server environments, with request lifecycle management, real-time communication, progress tracking, and codegen for Swagger/OpenAPI. GitHub repo.

Maciej Pyrc et al.

GrowField: Small, Dependency-Free Module for Making Textarea Elements Grow - Very simple. For when you've got a textarea input and you want it to grow as more content is added to it.

Five Fifteen

• ESLint Markdown Language Plugin 7.0 - Lint Markdown with ESLint, as well JS, JSX, TypeScript, and more inside Markdown.

• 🖊️ Atrament 5.0 - A small JS library for natural-feeling drawing and handwriting on canvas elements.

• xo 1.2 - JavaScript/TypeScript linter (ESLint wrapper) with great defaults.

• Wasp 0.17 - Wasp is a Rails-like framework using Node, React & Prisma.

• Tinybase 6.4 - Powerful reactive data store for local‑first apps.

• express-rate-limit 8.0 - Rate-limiting middleware for Express.

• TWGL.js 7.0 - Minimalistic WebGL helper library. (Docs.)

• Bladewind 3.1 - JavaScript UI components for Laravel apps.

• Concaveman 2.0 - A fast 2D concave hull algorithm.

• MUI X 8.8 - Popular React component suite.

🎁 Tiny Bonus Items

• 🔎 git-quick-stats.sh is a shell-based way to get a lot of statistics about your current Git repo.

• A developer shares his experience of crawling a billion web pages in just 24 hours.

• 🤖 Burke Holland gives us a first look at GitHub's Copilot Coding Agent, essentially a more stand-alone, independent AI agent you can point at working on issues and PRs in your repo.

• AWS has unveiled Amazon S3 Vectors, an add-on to its S3 object storage service that lets you store and query vectors.

#​744 - July 11, 2025

Read on the Web

JavaScript Weekly

Vercel Acquires NuxtLabs - Vercel has acquired the company that caretakes the Nuxt project and employs some of its core team - a move Vue creator Evan You is quite optimistic about. Vercel now manages, or at least supports, several key projects like Next.js, Turborepo, Svelte, and shadcn/ui. Nuxt itself remains open source and has a promising future. Vercel's Guillermo Rauch shares a little more about the move here.

NuxtLabs / Vercel

💡 Daniel Roe, leader of the Nuxt team, answered lots of questions about the acquisition on Reddit.

FlexGrid by Wijmo: The Industry-Leading JavaScript Datagrid - A fast and flexible DataGrid for building modern web apps. Key features and virtualized rendering are included in the core grid module. Pick & choose special features to keep your app small. Built for JavaScript, extended to Angular, React, and Vue.

Wijmo From MESCIUS sponsor

A Detailed Summary of the Latest TC39 Plenary - A thorough roundup of May's major ECMAScript committee meeting with far more detail about each proposal's development and the decisions made than we usually get to hear about. Topics include Array.fromAsync, explicit resource management, the Temporal API, and some brainstorming around AsyncContext.

Igalia Compilers Team

IN BRIEF:

• TypeScript 5.9 Beta has been released with support for deferred module evaluation by using import defer.

• The Nginx HTTP server has a module (njs) for extending its functionality using JavaScript, but it only supported ES5. Now, njs uses QuickJS for a more modern, powerful experience with full ES2023 support.

• Got some time to kill? There's one week left to submit an entry to the JS1024 annual JavaScript golfing competition. Create a cool JS or GLSL program in under 1024 bytes.

• Oliver Stenbom reflects on the prevalence of Rust in modern JavaScript ecosystem tooling.

RELEASES:

• Node.js v24.4.0 (Current) - Note that new versions of all maintained Node.js releases are due next week due to some security vulnerabilities.

• Oxlint 1.6 - Rust-powered linter for JS and TS.

• VS Code v1.102, Ember 6.5, Angular 20.1

📖 Articles and Videos

What's the Difference Between Ordinary Functions and Arrow Functions? - This sounds like basic stuff, but James always does a good job of digging in and explaining things in a way that gives you a more nuanced way to think about a concept, even if it's just "Which function declaration syntax should I use?"

James Sinclair

💡 His guide to how to compose JS functions that take multiple parameters is also worth revisiting.

Embrace Web RUM Provides User-Focused Observability - Get session timelines, Core Web Vitals and JS exceptions in context, and user journey analysis with issue correlation.

Embrace sponsor

JavaScript Scope Hoisting is Broken - The creator of Parcel argues that scope hoisting (when bundlers inline modules into a shared scope) conflicts with modern JS patterns like code splitting and dynamic imports, causing subtle bugs and offering little benefit, so he's considering removing it in Parcel v3.

Devon Govett

Codepoint-Safe Truncation: Fixing Emoji Slicing - An app's CSV importer kept breaking on emoji-filled rows, triggering errors. James demonstrates how swapping slice for a code-point-aware spread fixes it.

James Mulholland

📄 Parsing 1 Billion Rows in Bun in Under 10 Seconds Tae Kim

📄 Loosely Synchronize Your JS Stores in Multiple Tauri Processes - Tauri is a bit like a Rust-flavored Electron for building cross-platform native apps. Costa Alexoglou

📄 Managing the State of Your Promises - On the potential of Promise.all and Promise.allSettled. Lydia Cho

📄 When Can I Use Temporal? - "If Brendan Eich can invent .. JavaScript in 10 days, why has it taken eight years to replace the Date API?" John Dalziel

📄 Is It Still Worth Using jQuery in 2025? Suren Enfiajyan

🛠 Code & Tools

Driver.js: Tours, Highlights, Contextual Help, and More - A vanilla JS library for making on-page tours and contextual help systems. It's been around for several years, but is still maintained, and there are lots of examples to check out - it's really smooth.

Kamran Ahmed

jsonrepair: Repair Invalid JSON Documents - This has lots of possible use cases, including dealing with weird JSON coming back from LLMs or non-compliant JSON spat out by poorly built software. You can use it from Node, as a CLI tool, or try a basic version online.

Jos de Jong

🤡 In barely related news, someone has turned JSON into its own programming language. Oh, the horror!

Server-Side Support for MCP in Next.js - Server-side MCP just got easier in Next.js. One route, no extra infra-Scorecard cut 1,000 lines to just 70.

Clerk sponsor

line-numbers: A Web Component to Add Line Numbers Next to Various HTML Elements - Useful for custom apps that show source code or other snippets that require line numbering. See examples here, which demonstrate the flexibility customization options for the line numbering.

Zach Leatherman

cRonstrue 3.0: Convert Cron Expressions into Natural Language - Not just English either - it supports about thirty locales. There's also an online demo.

Brady Holt

• Next.js Boilerplate 5.0 - Boilerplate starter app for Next.js with auth, database support, i18n, forms, and more.

• 🔎 React Scan 0.4 - Scan for performance issues and eliminate slow renders in your app.

• 🎹 html-midi-player 1.6 - Play and display MIDI files on the web.

• CKEditor5 46.0 - Popular commercial rich text editor framework.

• 📊 Recharts 3.1 - D3-powered chart library for React.

• Vuetify 3.9 - Vue component framework.

👀 Elsewhere...

Here's a selection of things from the broader ecosystem this week:

• As of Chrome 137, you can try out CSS inline conditionals using the new if() function.

• Did you know you can generate efficient SVGs that feel like GIFs and even use them in your GitHub README.md files?

• On Reddit, an ex-Meta engineer posted an interesting comment about how Meta / Facebook serves up React as part of the main Facebook site.

• PlanetScale has shared a neat interactive article about caching that visually demonstrates the benefits of caching from several different angles, right down to the CPU level.

• 𝕏 Claude Code is now a single-file executable thanks to Bun.

• ANSI.tools is a handy online tool for analyzing ANSI escape codes/sequences and a lookup of common codes.

#​743 - July 4, 2025

Read on the Web

🖊️ It's been a quiet week with heatwaves and holidays seeming to slow the usual flow, but we've made it.. thanks to a few items out of left field 😅 For our US readers, happy Independence Day!
__
Peter Cooper, your editor

☀️ JavaScript Weekly ☀️

Deno 2.4: deno bundle is Back - Deno 2.4 reintroduces the deno bundle command for creating single-file bundles for both the server and client side, complete with support for npm and JSR dependencies and automatic tree-shaking. You can also now include arbitrary files into modules using import, and Deno's built-in OpenTelemetry support is now stable. It's a substantial release.

Iwańczuk and Jiang

💡 Not to play favorites, Bun v1.2.18 is now out too.

CodeRabbit's Free AI Code Reviews in IDE - VS Code, Cursor, Windsurf - Code Rabbit brings AI code reviews to VS Code, Cursor & Windsurf. Get line-by-line reviews, one-click fixes & codebase-aware feedback - all free in your IDE. Seamlessly integrates with git workflows. Install the extension & start reviewing!

CodeRabbit sponsor

What's New in ECMAScript 2025: Another Take - Last week we featured Dr. Axel's look at what's new in ES2025, but Paweł has another example-led take here that you might enjoy.

Paweł Grzybek

IN BRIEF:

• ⚖️ Ryan Dahl has an update on the ongoing JavaScript™ trademark dispute. Oracle has about a month to respond in full to Deno's cancellation petition.

• JS1024 is an annual JavaScript code golfing contest. You've got till July 19 to submit a JavaScript program written in 1024 bytes or less on the theme of 'Creepy'.

• Today's the final day you can vote for an official Angular mascot.

• In other Angular news, there's now a new way to track Angular-specific data in Chrome DevTools.

• Microsoft has open-sourced its GitHub Copilot Chat extension for VS Code. Even if you have no interest in AI, it offers a good look at how MS builds its own extensions.

RELEASES:

• Rspack 1.4 - Fast Rust-based (and webpack compatible) web bundler. v1.4 can now run in the browser, too, thanks to WebAssembly.

• Electron 37.0 - The cross-platform desktop app toolkit.

• ESLint 9.30.0 and 9.30.1

• Astro 5.11, Babel 7.28.0, Three.js r178

📖 Articles and Videos

How to Build Your Own Color Search Engine - A straightforward, practical look at bringing together several technologies and skills to create an AI powered color suggestion tool (which you can try here - results may vary, as seen above). The techniques covered can be used for many different practical ends.

Lúí Smyth

Building a Lightweight Reactive State Manager with JavaScript Proxies - What if you didn't need a library for reactive state mangement? What if you could build a system that's powerful and simple using a native JS feature? You can!

Loren Stewart

The Road to Next - Learn full-stack web development with Next.js 15 and React 19. The perfect match for JavaScript developers ready to go beyond the frontend.

Robin Wieruch sponsor

⏪ A Perplexing JavaScript Parsing Puzzle - The most popular item in JavaScript Weekly this year (so far) was simple in presentation but also deceptively simple in what it asked. 14 characters of JS and one straightforward question - can you get it right?

Hillel Wayne

Modern Node.js Patterns for 2025 - A reflection on the potential of Node as it stands right now. Ashwin reminds us of various developments, including the use of ES modules, built-in Web APIs, the test runner, watch mode, the permission model, import maps, and more.

Ashwin

📄 Transmitting Data via Ultrasound Without Special Equipment - A creative use for JavaScript and the Web Audio API. Lorenz Diener

📺 What Every React Developer Should Know About Signals Ryan Carniato

📄 Custom 3D Models in Mapbox: A Step-by-Step Guide - Niche, but potentially very useful. Mykola Chernyshevskyi

📄 How JSDoc Saved My Dev Workflow Jordan Booker

🛠 Code & Tools

Milkdown: A Plugin-Driven WYSIWYG Markdown Editor Framework - A WYSIWYG Markdown editor framework based around a plugin system that enables a significant level of customization. The docs are rendered by Milkdown itself and there's a neat 'playground' experience to try as well. GitHub repo.

Mirone

Repomix 1.0: Pack a Codebase Into an AI-Friendly Format - Enter a GitHub URL, choose your settings (XML, MD, etc), and get a blob that's ideal if you want an LLM to answer questions about or analyze that repo. You can use it online or as a library in Node. GitHub repo.

Kazuki Yamada

You Can Now Run Playwright Tests on Real iOS Devices with Safari - Spot iOS-specific issues by testing web apps on real iPhones & iPads, with logs, video playback & true Safari rendering.

BrowserStack sponsor

snapDOM 1.8: Captures DOM Nodes as Images - A rapidly maturing, fast and accurate DOM-to-image capture mechanism to capture any HTML element as a scalable SVG image, preserving styles, fonts, background images, etc. The homepage is packed with examples.

ZumerLab

🗓️ Time Picker: A shadcn/ui-Based Date/Time Picker Component - Simple, elegant, and feels good to use.

OpenStatus

🎨 Spectral.js: A 'Paint-Like' Color Mixing Library - If you have two colors to transition between, tweening the RGB values can result in some ugly intermediate colors. Spectral.js uses Kubelka-Munk theory which more closely matches how paints work for a visually satisfying result.

Ronald van Wijnen

• Protobuf-ES 2.6 - Full Protocol Buffers implementation for JS/TS.

• ♟︎ React Chessboard 5.0 - Render chess boards with React. (Examples.)

• Faker 9.9 - Generate fabricated data to your heart's content.

• jQuery Terminal Emulator 2.45 - Create web-based terminal experiences. (Demo.)

• iCal.js 2.2 - Parser for ICS (RFC5545) and vCard (RFC6350).

• NG-MATERO 20.0 - Angular-based admin template.

• Mineflayer 4.30 - Create Minecraft bots in JavaScript.

• css-select 6.0 - CSS selector compiler and engine.

• Pixi.js 8.11 - Fast, flexible 2D WebGL renderer.

👀 Elsewhere...

Here's a selection of things from the broader ecosystem this week:

• Engineers at Patreon have shared the story of a huge internationalization refactor they've done recently touching over 10,000 JavaScript call sites. I don't envy this task.

• If Cloudflare Workers are too limited for your use case, Cloudflare has a new option: Cloudflare Containers. Containers is integrated with Workers but, unsurprisingly, lets you package up your app in container images and run them in a flexible way.

• I found the story of how One Million Chessboards, a live, online 1000x1000 grid of chess boards was engineered and scaled to be quite fascinating.

• Sharon Brizinov shares the tale of how they tracked down numerous force-pushed 'oops' commits on GitHub and uncovered secrets worth $25k in bug bounties.

• Popular MySQL cloud provider PlanetScale is entering the Postgres space. It's in 'private preview' but they've already teased some benchmarks.

• 🎵 If you fancy getting creative, Strudel is a neat way to code music in the browser. There's a lot to enjoy here with live examples throughout the docs.