~javascriptweekly | Bookmarks (233)

The ultimate JavaScript regex guide

honeybadger.io

Regular Expressions in JavaScript — Powerful but often misunderstood, many will benefit from this roundup of...
Regular Expressions in JavaScript — Powerful but often misunderstood, many will benefit from this roundup of the potential regexes offer to JavaScript developers.
1
fx – a terminal JSON viewer & processor

fx.wtf

Fx 36.0: A Command-Line JSON Viewer & Processing Tool — It's written in Go, but if...
Fx 36.0: A Command-Line JSON Viewer & Processing Tool — It's written in Go, but if you’ve got some files full of JSON that you want to slice and dice, Fx is for you (it's easy to install). This week's v36 release adds support for streaming JSON and tailing such streams, it’s also much faster and less memory hungry when parsing large JSON files....
1
I think the ergonomics of generators is growing on me.

macarthur.me

'I Think the Ergonomics of Generators is Growing on Me' — The author notes generator functions...
'I Think the Ergonomics of Generators is Growing on Me' — The author notes generator functions have been widely available in JavaScript for a long time, yet “their practicality hasn’t exactly caught on.” This is a great look at what they are and where they can be useful.
1
JavaScript's New Superpower: Explicit Resource Management · V8

v8.dev

JavaScript's New Superpower? Explicit Resource Management — V8 v13.8 introduces the idea of deterministic resource cleanup....
JavaScript's New Superpower? Explicit Resource Management — V8 v13.8 introduces the idea of deterministic resource cleanup. Among a range of new symbols and objects for the task, the basic idea is you can wrap any file handle, stream or connection in a using/await using block and the runtime will handle any cleanup once resources go out of scope.
3
Write CSS like a Pro | Build a Responsive Site from Scratch

frontendmasters.com

Write CSS Like a Pro — Kevin Powell shares how to create a responsive website from...
Write CSS Like a Pro — Kevin Powell shares how to create a responsive website from scratch using modern CSS features (such as nesting, utility classes, custom properties, and more). This detailed video course also dives into adding additional polish via animations, view transitions, and more.
1
JavaScript, when is this?

piccalil.li

JavaScript, When (and What) is this? — Dives into the complexities of the this keyword, explaining...
JavaScript, When (and What) is this? — Dives into the complexities of the this keyword, explaining how its value is ultimately determined by the context in which a function is called, rather than where it’s defined. It’s been many years since we’ve covered this elementary topic, but this is a fantastic, fresh two-part take.
1
Monitoring & Debugging a Checkout Flow in Flask & React

sentry.io

How We Debugged a Broken Checkout Flow in Flask + React — Dropped carts = lost...
How We Debugged a Broken Checkout Flow in Flask + React — Dropped carts = lost revenue. See how Sentry tracing can catch a full-stack bug in a Flask + React checkout flow—before it can become a support fire drill.
1
GitHub for Beginners: Building a React App with GitHub Copilot

github.blog

Building a React App with GitHub Copilot — A good walkthrough, complete with video, if you...
Building a React App with GitHub Copilot — A good walkthrough, complete with video, if you prefer, of bringing together several of GitHub Copilot’s features for building a modern JavaScript app quickly.
3
HelloCSV

hellocsv.github.io

HelloCSV: A Drop-In, CSV Importing Workflow for JS Apps — If you or your users have...
HelloCSV: A Drop-In, CSV Importing Workflow for JS Apps — If you or your users have CSV files to import, here’s a complete CSV importing workflow for the frontend that you can drop into your app. Basic docs.
2
GitHub - gitbrent/PptxGenJS: Build PowerPoint presentations with JavaScript. Works with Node, React, web browsers, and more.

github.com

PptxGenJS 4.0: Build PowerPoint Presentations with JavaScript — A mature library that outputs standards-compliant Open Office...
PptxGenJS 4.0: Build PowerPoint Presentations with JavaScript — A mature library that outputs standards-compliant Open Office XML files compatible with PowerPoint, Apple Keynote, and other common presentation tools. Supports graphics, text, tables, and other typical slide objects. Lots of demos.
3
Clerk Billing

clerk.com

Introducing Clerk Billing — Clerk Billing lets you add B2C/B2B subscriptions with no payment code or...
Introducing Clerk Billing — Clerk Billing lets you add B2C/B2B subscriptions with no payment code or UI work—just drop in components and go.
1
GitHub - hyparam/hyparquet: parquet file parser for javascript

github.com

Hyparquet: Parquet File Parser for JavaScript — Parquet is a popular column-oriented data file format frequently...
Hyparquet: Parquet File Parser for JavaScript — Parquet is a popular column-oriented data file format frequently used for storing large datasets for analysis. Hyparquet is a dependency-free JavaScript library for working with Parquet files, even in the browser (as in this demo).
2
react-sounds - Sound Effects for React

reactsounds.com

🔊 react-sounds: Add Sound Effects to React Apps — Having sound effects on the Web might sound...
🔊 react-sounds: Add Sound Effects to React Apps — Having sound effects on the Web might sound like your idea of a nightmare, but this is a well put together project with delicate, well thought out examples that strike the right tone.

audio react react library sound effects sounds
3
GitHub - ije/mono-jsx: `<html>` as a `Response`.

github.com

mono-jsx: <html> as a Response — A server-side JSX runtime that renders <html> to a Response...
mono-jsx: <html> as a Response — A server-side JSX runtime that renders <html> to a Response with no build step needed and works across numerous server-side JS runtimes.
3
Version v8.0.0 | Mantine

mantine.dev

Mantine 8.0: The Full Featured React Components Library — Mantine is one of the most celebrated...
Mantine 8.0: The Full Featured React Components Library — Mantine is one of the most celebrated React components libraries, and for good reason: it’s full featured, modern, and looks great. v8.0 ups its chart game with a little Recharts magic, adds over twenty new components (including a GitHub-style Heatmap, Tree and SemiCircleProgress), submenus, and much more.
3
GitHub - grafana/k6: A modern load testing tool, using Go and JavaScript - https://k6.io

github.com

k6 1.0: Go-Powered Load Testing with JavaScript — A full-featured, configurable load generation tool that uses...
k6 1.0: Go-Powered Load Testing with JavaScript — A full-featured, configurable load generation tool that uses the Sobek Go-powered JavaScript engine to support writing test scripts in JavaScript. v1.0 promises stability, first-class TypeScript support, and better extensibility.
2
Node.js — Node v24.0.0 (Current)

nodejs.org

Node 24 (Current) Released — Node’s release lines are shifting a little lately – v18 has...
Node 24 (Current) Released — Node’s release lines are shifting a little lately – v18 has gone EOL and now v23 gives way to v24 as the ‘Current’ release for when you need the cutting edge features. It comes with npm 11, V8 13.6 (hello RegExp.escape, Float16Array, and Error.isError), the URLPattern API exposed by default, plus Undici 7.
2
April 2025 (version 1.100)

visualstudio.com

Visual Studio Code Version 1.100 — Not to be confused with a 1.1 release, this update...
Visual Studio Code Version 1.100 — Not to be confused with a 1.1 release, this update to VS Code has quite a few goodies for JavaScript developers with improved ‘Next Edit Suggestions’ that will suggest adding missing imports, support for Node’s enhanced network debugging capabilities, improved visibility of type information, remote MCP server support, GPT 4.1 as the new default base model, and more.
1
The power of the spread and rest syntax in JavaScript - Matt Smith

allthingssmitty.com

The Power of the Spread and Rest Syntax — A quick run through the opportunities opened...
The Power of the Spread and Rest Syntax — A quick run through the opportunities opened up with just three little dots ...

javascript react
1
RSC for Astro Developers — overreacted

overreacted.io

React Server Components for Astro Developers — Astro’s ‘island’ architecture and React Server Components share a...
React Server Components for Astro Developers — Astro’s ‘island’ architecture and React Server Components share a strikingly similar mental model. Dan compares the two, digs into some of the quirks, and suggests Astro offers a ‘gentler onramp’ to some of RSC’s ideas if you’re struggling with them.
3
Wallaby - Immediate JavaScript test feedback in your IDE as-you-type

wallabyjs.com

Wallaby MCP: Deep Runtime Context for Your AI Agent — Wallaby gives your AI agent live...
Wallaby MCP: Deep Runtime Context for Your AI Agent — Wallaby gives your AI agent live execution data, dynamic coverage, and real-time insights to fix and generate tests, and write code with confidence.
1
Migrating A JavaScript Project from Prettier and ESLint to BiomeJS | AppSignal Blog

appsignal.com

Migrating a Project from Prettier and ESLint to Biome — Prettier and ESLint are staples in...
Migrating a Project from Prettier and ESLint to Biome — Prettier and ESLint are staples in many JavaScript build processes, but Biome offers an interesting ‘one stop shop’ alternative.
2
Seyfert | The Black Magic Framework

seyfert.dev

Seyfert: A Framework for Building Discord Bots — Create bots for the popular chat system starting...
Seyfert: A Framework for Building Discord Bots — Create bots for the popular chat system starting from bots that respond to simple commands up to creating components and getting user input. Supports Deno, Bun, and Node.
2
Storybook 9 is now in beta

storybook.js.org

Storybook 9 Beta — A strong step forward for the UI ‘frontend workshop’ with several experimental...
Storybook 9 Beta — A strong step forward for the UI ‘frontend workshop’ with several experimental features from Storybook 8 becoming stable. v9 has a strong focus on component testing, plus React Native support.

✅ testing
3