What’s new with all the DevTools?

September 10, 2021 By Mark Otto Off

โœ๏ธ 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.

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

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

QUICK BITS:

  • The V8 9.4 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 โ€“ a weekly conversation about all things AWS, such as AWS Amplify with Ali Spittel.
  • Run npx matrix-rain for a nice terminal-based surprise. Code here (found via @boyney123).
  • The creator of Ruby on Rails has recorded a 15 minute screencast showing off how the popular backend framework will handle JavaScript in its next major version.
  • A fascinating OpenAI demo on using their system to write code from your directions. The first demo is in Python but jump to 13 minutes in and they build a basic game in JavaScript just by describing it.
RELEASES:

Prettier 2.4 โ€“ The opinionated code formatter.
React Router 5.3 โ€“ Declarative routing for React.
Acorn 8.5 โ€“ Small JS-powered JavaScript parser.
Flicking 4.3 โ€“ Flexible carousel component.
ember-simple-auth 4.0 โ€“ Auth for Ember.js apps.
Ember 3.28 and 4.0 beta โ€“ Popular batteries included framework.

Find JavaScript Jobs with Hired โ€” 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

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

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

๐Ÿ›  Code & Tools

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