--- title: "What's new with all the DevTools?" publication: "JavaScript Weekly" issue: 555 published_at: "2021-09-10" canonical_url: "https://javascriptweekly.com/issues/555" --- Plus a fascinating OpenAI demo, Node 16.9.0, and Prettier 2.4. | #​555 — September 10, 2021 [Unsubscribe](https://javascriptweekly.com/leave/*|UID|*)|[Read on the Web](https://javascriptweekly.com/issues/555) ✍️ The hardest time of the year for putting a strong issue together is usually August, but this year the lull has moved to early September :-) No _big_ news or releases this week, but lots of bits and pieces you'll hopefully find useful. __ _Peter Cooper, your editor._ JavaScript Weekly [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/ehhpo3m9ofgdiugxuekp.jpg)](https://web.dev/bundling-non-js-resources/) [Bundling Non-JavaScript Resources](https://web.dev/bundling-non-js-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](https://www.smashingmagazine.com/2021/09/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 [![\](https://copm.s3.amazonaws.com/38e96600.png)](https://www.datadoghq.com/dg/real-user-monitoring/ts/frontend-performance-ts/?utm_source=Advertisement&utm_medium=CooperPress&utm_campaign=CooperPress-JavaScriptWeeklyPTshirt) [Locate and Resolve JavaScript Errors Instantly with Datadog](https://www.datadoghq.com/dg/real-user-monitoring/ts/frontend-performance-ts/?utm_source=Advertisement&utm_medium=CooperPress&utm_campaign=CooperPress-JavaScriptWeeklyPTshirt) — 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](https://georgefrancis.dev/writing/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](https://github.com/sachinchoolur/replace-jquery) — 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.](https://github.com/fabiospampinato/cash) Sachin Neravath [Node v16.9.0 Adds Package Manager Manager (sic)](https://nodejs.org/en/blog/release/v16.9.0/) — A big addition is [_Corepack_,](https://nodejs.org/dist/latest-v16.x/docs/api/corepack.html) 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](https://v8.dev/blog/v8-release-93) also makes an appearance. Michaël Zasso **QUICK BITS:** - The [V8 9.4](https://v8.dev/blog/v8-release-94) branch has been created, but it's a relatively minor release with only static initialization blocks for classes being available by default as a new developer facing feature. - The folks at Amazon have launched [the AWS Developers Podcast](https://twitter.com/awsdevelopers/status/1433112427881717762) – a weekly conversation about all things AWS, such as [AWS Amplify with Ali Spittel.](https://podcasts.google.com/feed/aHR0cHM6Ly9mZWVkcy5zb3VuZGNsb3VkLmNvbS91c2Vycy9zb3VuZGNsb3VkOnVzZXJzOjk5NDM2MzU0OS9zb3VuZHMucnNz/episode/dGFnOnNvdW5kY2xvdWQsMjAxMDp0cmFja3MvMTA2NTc0MzE3MA?sa=X&ved=0CAUQkfYCahcKEwj44PDh1_TyAhUAAAAAHQAAAAAQAQ) - Run `npx matrix-rain` for a nice terminal-based surprise. [Code here](https://github.com/nojvek/matrix-rain) _(found via [@boyney123](https://twitter.com/boyney123/status/1436345991477747712))._ - The creator of Ruby on Rails has recorded [a 15 minute screencast](https://www.youtube.com/watch?v=JsNtLiph87Y) showing off how the popular backend framework will handle JavaScript in its next major version. - [A fascinating OpenAI demo](https://www.youtube.com/watch?v=SGUCcjHTmGY) on using their system to write code from your directions. The first demo is in Python but jump to [13 minutes in](https://youtu.be/SGUCcjHTmGY?t=789) and they build a basic game in JavaScript just by _describing_ it. [Compete in 20 Hacking Challenges | Win Prizes | Free SnykCon CTF](https://snyk.io/snykcon/ctf/?utm_source=CP-Javascript-Weekly&utm_medium=Paid-Email&utm_campaign=Event-SnykCon-2021&utm_content=SnykCon-CTF) Snyk.io sponsor **RELEASES:** [Prettier 2.4](https://prettier.io/blog/2021/09/09/2.4.0.html) – The opinionated code formatter. [React Router 5.3](https://github.com/remix-run/react-router) – Declarative routing for React. [Acorn 8.5](https://github.com/acornjs/acorn) – Small JS-powered JavaScript parser. [Flicking 4.3](https://github.com/naver/egjs-flicking/releases/tag/4.3.0) – Flexible carousel component. [ember-simple-auth 4.0](https://github.com/simplabs/ember-simple-auth) – Auth for Ember.js apps. [Ember 3.28 and 4.0 beta](https://blog.emberjs.com/ember-3-28-released/) – Popular batteries included framework. 💻 Jobs [Senior Backend Engineer (Berlin / Remote)](https://feather-insurance.com/careers/senior-backend-engineer) — Want to join a small startup with a big growing potential (we double every year)? Feather is looking for a backend engineer. Feather [Senior Software Engineer at Decisiv (ReactJS / Ruby on Rails)](https://www.decisiv.com/working-with-decisiv/) — Join our remote-first UI development team to help craft a modern platform that is revolutionizing an industry. Decisiv, Inc. [Find JavaScript Jobs with Hired](https://hired.com/join/?utm_source=newsletter&utm_medium=sponsor&utm_campaign=%28b2c%29%28l-all%29%28r-all%29%28cooper-javascriptweekly%29&utm_content=find-your-next-job) — Create a profile on Hired to connect with hiring managers at growing startups and Fortune 500 companies. It's free for job-seekers. Hired 📖 Tutorials, Opinions & Stories [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/jwhtbkuwaklqk7ylfu4b.jpg)](https://css-tricks.com/exploring-the-css-paint-api-blob-animation/) [Exploring the CSS Paint API: Blob Animation](https://css-tricks.com/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?](https://simonplend.com/whats-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](https://nodeweekly.com/)!) 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](https://learn.launchdarkly.com/digital-transformation/?utm_source=cooperpress&utm_medium=display&utm_campaign=21q3-cooperpress&utm_content=ebook_adt) — 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](https://elijahmanor.com/blog/neovim-tmux) — 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](https://arstechnica.com/information-technology/2021/09/npm-package-with-3-million-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](https://blog.bitsrc.io/threats-of-using-regular-expressions-in-javascript-28ddccf5224c) — This is _very_ elementary, but if you’re unaware of what ‘catastrophic backtracking’ is, it could be illuminating. Dulanka Karunasena [`unknown` vs `any` in TypeScript](https://dmitripavlutin.com/typescript-unknown-vs-any/) Dmitri Pavlutin 🛠 Code & Tools [Shoelace: 'A Forward-Thinking Library of Web Components'](https://shoelace.style/) — 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](https://harlemjs.com/) — 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](https://studio3t.com/download?utm_source=newsletter&utm_medium=jsweekly&utm_campaign=sept10) — 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](https://github.com/75lb/renamer) — A Node powered CLI tool but with the interesting addition that you can [write a `replace` function](https://github.com/75lb/renamer#rename-using-javascript) in JavaScript to perform more complex renames. Lloyd Brookes [Dannjs: A Neural Network Library for JavaScript](https://dannjs.org/) — The aim is ease of use so it’s good to use for experimentation and playing around. Matias Vazquez-Levi [gron: Make JSON Greppable](https://github.com/tomnomnom/gron) — A tool written in Go that transforms JSON into more easily `grep`pable assignments, so you can use `grep` and see the context/path of the result. Useful. Tom Hudson [PrimeVue: A Vue UI Component Library](https://www.primefaces.org/primevue/) — This is the Vue version of PrimeFaces, which also includes [a React version](https://www.primefaces.org/primereact/). You can check out the Vue components [here.](https://primefaces.org/primevue/showcase/#/) primefaces Published by [Cooperpress](https://cooperpress.com/) and edited by [Peter Cooper](https://twitter.com/peterc) 'JavaScript' is a trademark of Oracle Corporation in the US We are not endorsed by or affiliated with Oracle. [Change your email address](https://javascriptweekly.com/edit_subscription/*|UID|*) or [stop getting this newsletter](https://javascriptweekly.com/leave/*|UID|*). © Cooper Press Ltd · Fairfield Enterprise Centre, Louth, LN11 0LS, United Kingdom