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