What's new with all the DevTools?

Bundling Non-JavaScript Resources — Learn how to import and bundle various types of assets from JavaScript in a way that works both with browsers and bundlers.

Ingvar Stepanyan (Google)

What’s New With DevTools: Cross-Browser Edition — Learn what’s new with the developer tools not just in Chrome, but in Firefox, Safari, and Edge too. One of those areas where just a little time spent becoming aware of the possibilities could shave off hours when it comes to debugging(!)

Patrick Brosset

Locate and Resolve JavaScript Errors Instantly with Datadog — Troubleshoot user-facing incidents and resolve frontend JavaScript errors in context with the ability to correlate error logs with individual user sessions with one click. Try it yourself with a free Datadog trial.

Datadog sponsor

Crafting Organic Patterns with Voronoi Tessellations — A fun look at creating interesting organic generative patterns inspired by the natural world. Generative art is such a fun use case for JavaScript.

George Francis

Automatically Find jQuery Calls and Generate Vanilla JS Alternatives — The aim here is to provide a tool to help you remove jQuery as a dependency in projects by finding jQuery related methods and offering up ‘vanilla’ alternatives. I’m not entirely convinced, but it’s an interesting idea. Alternatively, you could switch to a lighter, modern jQuery alternative like Cash.

Sachin Neravath

Node v16.9.0 Adds Package Manager Manager (sic) — A big addition is Corepack, a new experimental tool for managing package managers directly within the Node distribution itself (Yarn and pnpm are supported in addition to npm). V8 9.3 also makes an appearance.

Michaël Zasso

Compete in 20 Hacking Challenges | Win Prizes | Free SnykCon CTF

Snyk.io sponsor

Exploring the CSS Paint API: Blob Animation — A fun effect currently supported only on Chrome (and Edge) for getting gooey/blobby shapes going with CSS enhanced by JavaScript via the Paint API.

Temani Afif

What's New in Node.js Core? — Node updates so often that unless you’re keeping a close eye on it (such as via our Node newsletter!) you can miss what new features got added. Simon shares a handful of useful additions here.

Simon Plenderleith

[Guide] Ship Fast. Stay Ahead of the Competition — Intuit & Atlassian don't let process stand in their way. Learn their strategies to ship faster, safer & stay ahead.

LaunchDarkly sponsor

Using Neovim and Tmux for JavaScript Development — Are you a Vim user who, perhaps, migrated to VS Code but still feel a bit of an itch for the old days? Neovim, a fork of Vim, has really won Elijah over and here he demonstrates its value for JavaScript developers.

Elijah Manor

How An npm Package with 3M Weekly Downloads Had a Severe Vulnerability — Security researcher Ax Sharma has put together a good story about a significant vulnerability in pac-resolver.

Ars Technica

Threats of Using Regular Expressions in JavaScript — This is very elementary, but if you’re unaware of what ‘catastrophic backtracking’ is, it could be illuminating.

Dulanka Karunasena

Shoelace: 'A Forward-Thinking Library of Web Components' — A collection of well designed every day UI components (buttons, drawers, inputs, menus, color pickers, and more) built in a framework agnostic way (though there are React wrappers available).

Cory LaViska

Harlem 2.0: Simple Extensible State Management for Vue 3 — Provides a simple functional API for creating, reading, and mutating state - and it’s only 1.5KB minified.

Andrew Courtice

Tried. Tested. Trusted. Studio 3T - Power Tools for MongoDB — Intuitive IntelliShell. Generate JavaScript from queries. Reshape data with Reschema. Try Studio 3T free for 30 days.

Studio 3T sponsor

Renamer 4.0: Rename Files in Bulk — A Node powered CLI tool but with the interesting addition that you can write a replace function in JavaScript to perform more complex renames.

Lloyd Brookes

Dannjs: A Neural Network Library for JavaScript — The aim is ease of use so it’s good to use for experimentation and playing around.

Matias Vazquez-Levi

gron: Make JSON Greppable — A tool written in Go that transforms JSON into more easily greppable assignments, so you can use grep and see the context/path of the result. Useful.

Tom Hudson

PrimeVue: A Vue UI Component Library — This is the Vue version of PrimeFaces, which also includes a React version. You can check out the Vue components here.

primefaces