Don't miss the link with a ⭐️ next to it in this issue, I promise it's good :-)

#​592 — June 3, 2022

Unsubscribe  |  Read on the Web

JavaScript Weekly

Angular v14 Released — A key release for the long standing JavaScript framework that’s used in far more places than most JavaScript developers realize (especially in larger companies). Some of what’s new:

And more, naturally. If you're eating lunch right now, you can get a roundup of what's going on with Angular right now in ▶️ this 'State of Angular' explainer (16 minutes).

Emma Twersky and the Angular Team

Monorepos in JavaScript and TypeScript — A comprehensive introduction and tutorial on using monorepos (explained here also) with JavaScript including their benefits and how to create and manage one with Yarn.

Robin Wieruch

Studio 3T Manages Your Data, While You Wrestle Your App into Shape — Studio 3T's full suite of MongoDB tools lets you query quicker, develop with data even faster and turn queries into code automatically. Try it free for 30 days - no credit card needed.

Studio 3T sponsor

Jest Image Snapshot: A Jest Matcher for Image Comparisons — Say hello to visual regression testing using this tool from American Express. Take image snapshots of your app within a test and compare them against a baseline. It can even handle tolerances if you want to ignore subtle changes and only throw on huge discrepancies.

American Express



💻 Jobs

Software Engineer at Blueground (Remote) — Help us build the world’s leading next-gen platform for home rentals and shape the future of living.

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.

📒 Articles & Tutorials

▶  Sure, You Can Make Games in Microsoft Word with JavaScript NowOffice Add-ins is a mechanism for scripting Office apps with JavaScript. You could use this for something useful or, if you’re as smart as this fellow, you could create a graphical game that uses a Word document for a canvas.


You May Not Need a Bundler for Your npm-Distributed Library.. — Colin makes a good argument to run as cleanly as possible, but there are plenty of links to other options, if you prefer.

Colin Diesh

Auth Considerations for Kubernetes - Free eBook — We'll cover topics like service-to-service communication, RBAC, OIDC mapping, and more. Download the eBook today.

FusionAuth sponsor

▶  An Introduction to Vue.js State Management with PiniaPinia is now Vue’s official state management library (it was previously Vuex) and Tyler does a great job of sharing his excitement for it here. (23 minutes.)

Tyler Potts

How To Build a Group Chat App with Vanilla JS, Twilio and Node — If you don’t want to put together all the backend infrastructure yourself.. outsource it.

Zara Cooper

Compiling a Subset of JavaScript to ARM Assembly in Haskell — One of those things you’ll probably never need to do but might want to do given enough time and inclination.

Micah Cantor

New Express 5 Features to Try — Express 5 has been in beta for.. quite a while now.
Zara Cooper

🛠 Code & Tools

Svelvet: A Svelte Component Library for Interactive Node-Based Diagrams — You can create intuitive flow diagrams using pre-built components with seamless zooming and panning, draggable interactivity, customizable edges/nodes, etc.

Sharma, Widjaja, Willett, and Zambrano

No Engineer Wants to Build and Rebuild Notification Templates and Infrastructure — Drive team collaboration and prevent customer churn with notification design studio and API. Make automation workflows.

Courier sponsor

Shaka Player 4.1: Library for Playing Adaptive Media — Plays formats like DASH and HLS in the browser sans plugins or Flash. It can also play media offline by way of IndexedDB.

Shaka Project

Glide Data Grid 4: A Fast Data Grid for React Projects — Bills itself as a “no compromise, outrageously fast data grid” that can support up to millions of rows with rich rendering and TypeScript support. The homepage features a neat demo and it’s MIT licensed too. GitHub repo.


Terser: JavaScript 'Mangler' and Compressor Toolkit for ES6+ — A minifier you can use from Node or the command line. It strips out comments, squeezes down variable names, removes whitespace, and replaces various code patterns with smaller variants. There’s an online playground if you want to see what it’ll do to your code of choice.

Mihai Bazon

Free Activity Feeds & Chat APIs for Qualifying Teams

Stream sponsor

Color Legend Element: A Web Component Providing a Legend in Data Visualizations — Built with Lit/Lit-Element and D3.js. You can see various examples here. It’s legen.. wait for it.. dary.

Chris Henrick

highlighted-code: A <textarea> with Automatic Syntax Highlighting — Try it live here. The API lets you customize language, tab size, and whether the textarea should auto-expand to fit.

Andrea Giammarchi

Scriptable: Automate iOS with JavaScript — There are a few options in this space, but this is a nicely self contained one with a built in editor, examples scripts, and that supports ES6.

Simon Støvring

collect.js: 100+ Convenience Methods for Arrays and Objects — A similar API to Laravel Collections: chunk, flatten, shuffle, firstWhere, mapWithKeys, etc. GitHub repo.

Daniel Eckermann