Don’t miss the link with a ⭐️ next to it in this issue, I promise it’s good 🙂
#592 — June 3, 2022
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:
Standalone components for a simpler authoring experience.
Strictly typed reactive forms.
Improved change detection.
Improvements ▶️ to accessibility.
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
IN BRIEF:
Vue 2.7 will be the final minor release of Vue 2.x and its estimated ‘end of life’ date will be at the end of 2023, according to slides shown at Vue.js Amsterdam.
⭐️ I don’t insist you click a link very often but you’ve got to check out EZBitmap.com or at least let its creator explain all ▶️ in this video. This is the one link in this issue I think will put a smile on your face – it’s a funny idea and works surprisingly well..
👾 A fun look at some of the best games (and their source code) from the recent Gamedev.js Jam event.
Node 18.3.0 is out and introduces (experimentally) a new util.parseArgs function for parsing command line arguments.
Looking for alternatives to your least favorite npm packages? pkg.land is a new site that’s worth a try.
RELEASES:
RE:DOM 3.28.0 – Tiny (2KB) UI library.
gl-react 5.2 – WebGL shaders in React.
lint-staged 13.0 – Run linters against staged git files.
AVA 4.3.0 – Node.js test runner.
Recoil 0.7.3 – Alternative state management for React from Facebook.
💻 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.
Blueground
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
📒 Articles & Tutorials
▶ Sure, You Can Make Games in Microsoft Word with JavaScript Now — Office 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.
SethEric
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 Pinia — Pinia 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.
Glide
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