Don’t miss the link with a ⭐️ next to it in this issue, I promise it’s good 🙂
#592 — June 3, 2022
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
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.
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.
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.
Software Engineer at Blueground (Remote) — Help us build the world’s leading next-gen platform for home rentals and shape the future of living.
📒 Articles & Tutorials
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.
Auth Considerations for Kubernetes – Free eBook — We’ll cover topics like service-to-service communication, RBAC, OIDC mapping, and more. Download the eBook today.
▶ 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.)
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.
New Express 5 Features to Try — Express 5 has been in beta for.. quite a while now.
🛠 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.
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.
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.
Free Activity Feeds & Chat APIs for Qualifying Teams
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.
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.
collect.js: 100+ Convenience Methods for Arrays and Objects — A similar API to Laravel Collections: chunk, flatten, shuffle, firstWhere, mapWithKeys, etc. GitHub repo.