#555 — September 10, 2021 |
✍️ 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. |
JavaScript Weekly |
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 Michaël Zasso |
QUICK BITS:
|
Compete in 20 Hacking Challenges | Win Prizes | Free SnykCon CTF Snyk.io sponsor |
RELEASES: Prettier 2.4 – The opinionated code formatter. |
|
📖 Tutorials, Opinions & Stories |
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 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 |
|
🛠 Code & Tools |
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 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 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 |