QR Code
OWT Web Services       http://owtweb.com
[Skip to Content]

Industry News

07/31/2025
Jumbo-sized JavaScript for issue 747





















✈️ #​747 — August 1, 2025

Read on the Web




JavaScript Weekly








Observable Notebooks 2.0 Technology Preview — The Observable Framework and the new Notebook Kit are just two parts of a rich ecosystem of reactive JavaScript ‘notebook’-style tools for creating data visualizations (example) and dashboards, originally created by Mike Bostock. This v2 release previews a big step forward with a new notebook file format based on HTML and, for the first time, support for true vanilla JavaScript, complete with the ability to import libraries with import. Here’s another neat example showing off the potential. There are a lot of parts here, so dig in.


Observable, Inc.






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






The Many JavaScript Runtimes of the Last Decade — A fantastic, well-researched look at the myriad of JavaScript runtimes and engines both past and present, from mainstream picks like Node.js and Bun, to cloud platforms and some more obscure ‘honorable mentions’. A perfect way to round out your knowledge of JavaScript’s runtime story.


Whatever, Jamie






Node.js v22.18 (LTS) Gets Type Stripping by Default — We wouldn’t normally feature a minor Node.js LTS release, but this one comes with a big tweak: type stripping/TypeScript support is enabled by default, making node app.ts a reality, much as with Bun or Deno.


Antoine du Hamel




💡 Node v24.5 (Current) has also been released, with node:http(s) now supporting proxies, OpenSSL 3.5, and --experimental-wasm-modules unflagged.



IN BRIEF:





RELEASES:




📖  Articles and Videos





▶  Zod vs. Valibot: A JS/TS Validator Battle — You know it’s good when the creator of Zod comments: “incredible video. honestly blown away by how succinct and clear you made everything.” (12 minutes.)


Jack Herrington






Compile Svelte 5 in Your Head — Svelte does things a little differently to most UI frameworks by compiling code to components ahead-of-time, but what is it actually doing at the code level?


Tan Li Hau






Choosing The Right SaaS Architecture: Multi-Tenant Vs. Single-Tenant — Choosing between multi-tenant and single-tenant? This guide breaks down the tradeoffs clearly.


Clerk sponsor






Logical Assignment Operators in JavaScript: Small Syntax, Big Wins — A handy post if you need to get a grip on your ||=, &&= and ??=s.


Matt Smith






Making Sense of the Performance Extensibility API — The Performance Extensibility API allows us to create custom tracks in Chrome DevTools’ Performance panel — here’s how to make use of it.


Harry Roberts




📺 The Creator of Bun on Building Bun and its Node.js Compatibility Patrick Akil and Jarred Sumner


📄 The Multi-Repository TypeScript Problem – Solving cross-repo type safety. David Moores


📄 vi.mock is a Footgun: Why vi.spyOn Should Be Your Default Brendan McLoughlin


📄 How to Build 2D Game-Style Physics with Matter.js and React Native Skia Daniel Friyia (Expo Blog)



🛠 Code & Tools








Dependency Cruiser 17: A Way to Visualize Dependencies — If you want a look at the output, there’s a whole page of graphs for popular, real world projects including Chalk, Yarn, and React.


Sander Verweij






TanStack DB: The Embedded Client Database for TanStack Query — One for team React! TanStack DB is an embedded client‑side database that uses differential dataflow to power live, relational queries, sub‑ms incremental updates, and optimistic writes. This post is a great pitch, and the first beta is available now.


Kyle Mathews and Sam Willis






Connect Performance and Reliability to User Engagement — With Embrace, see where technical issues cause dropoff, along with attribute correlations to surface affected cohorts.


Embrace sponsor






AudioTee.js: macOS System Audio Capture for Node.js — Wrapping around an (included) Swift-powered binary, this captures Mac system audio output and emits it as PCM encoded chunks at regular intervals. GitHub repo.


Nick Payne










📰 Classifieds




Meticulous automatically creates and maintains an E2E UI test suite with zero developer effort. Relied on by Dropbox, Wiz, Lattice, Bilt Rewards, etc.



🔍 Discover KeyLines - a scalable JavaScript graph visualization toolkit that turns complex data into actionable insights.






🎁 Some Bonus Items















07/24/2025
Will WebAssembly ever get DOM support?





















#​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:





RELEASES:




📖  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










📰 Classifieds




Meticulous automatically creates and maintains an E2E UI test suite with zero developer effort. Relied on by Dropbox, Wiz, Lattice, Bilt Rewards, etc.



🔍 Discover KeyLines - a scalable JavaScript graph visualization toolkit that turns complex data into actionable insights.






🎁 Some Bonus Items















07/17/2025
A tricky, educational quiz: it's about time..





















#​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:





RELEASES:




📖  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










📰 Classifieds




Meticulous automatically creates and maintains an E2E UI test suite with zero developer effort. Relied on by Dropbox, Wiz, Lattice, Bilt Rewards, etc.



If you're a Node.js developers, don't forget to check out Node Weekly, our sister newsletter where we cover Node more deeply.






🎁 Tiny Bonus Items















07/10/2025
The details of TC39's last meeting





















#​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:





RELEASES:




📖  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










📰 Classifieds




Meticulous automatically creates and maintains an E2E UI test suite with zero developer effort. Relied on by Dropbox, Wiz, Lattice, Bilt Rewards, etc.



📌 Try out PinMe: free CLI tool helps deploy your static site in seconds—and keeps it online without any ongoing cost or maintenance.





👀  Elsewhere...



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