Sure, you can make games in Word with JavaScript now.

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:

• Standalone components for a simpler authoring experience.
• Strictly typed reactive forms.
• Improved change detection.
• Improvements ▶️ to accessibility.

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.

📒 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