#​561 — October 22, 2021

Unsubscribe  |  Read on the Web

JavaScript Weekly

What’s New in the Now Fully Released Gatsby 4 — Gatsby is a popular React-based open-source framework and v4 introduces new content rendering methods (such as Deferred Static Generation), React 18 future proofing, new build and deployment architecture, new CMS APIs, and more.

Jeff James (Gatsby)

Node v17 (Current) Released — Just six months after its release, Node v16 prepares to become an 'active LTS' release to be maintained until 2024, with v17 now taking up the role as the cutting edge release that gets all the new features first. It includes OpenSSL 3.0, V8 9.5, npm 8.1.0, and more.

Bethany Nicolle Griggs and the Node.js Team

No DKIM, No SPF, No WTF. Transactional Emails Sent via Gmail — Transactional email providers lack certain features that leave us with more work than when we started. Save time with our API, routing rules, and template designer. Start sending for free in seconds. Get $5,000 in credits towards your enterprise plan.

Courier sponsor

Over 100 Algorithms and Data Structures Demonstrated in JS — Examples of many common algorithms (e.g. bit manipulation, Pascal’s triangle, Hamming distance) and data structures (e.g. linked lists, tries, graphs) with explanations. Available in other languages too like Chinese, Korean, French, and Spanish.

Oleksii Trekhleb et al.



Neutralinojs 3.0 – X-platform app dev framework. Lighter than Electron.
React Bootstrap 2.0 – Bootstrap components built with React.
Commander.js 8.3.0 – CLI niceties for Node.js.
noVNC 1.3.0 – JS and HTML-based VNC client for browsers.
React Native Testing Library 8.0
Node-RED 2.1.1 – Low-code JS dev environment.

💻 Jobs

[EU] JavaScript Developer, Preferably with React Knowledge — New hires get a "buddy" who will guide you through the company, code and the process. Newest technologies, development possibilities and satisfaction :)

JavaScript Developer at X-Team (Remote) — Join the most energizing community for developers and work on long-term projects for Riot Games, FOX, Sony, Coinbase, and more.

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.

📖 Tutorials, Opinions & Stories

▶  Implementing a 'Candy Crush' Game with React — The latest of Ania’s no-nonsense all-about-the-code screencasts walking through the creation of a simple puzzle game.

Ania Kubów

Understanding Map and Set in JavaScript — Goes over the Map and Set objects, what makes them similar or different to Objects and Arrays, the properties and methods available to them, and examples of some practical uses.

Tania Rascia

Get Started with JavaScript and InfluxDB 2.0 — Monitor your JavaScript application performance and create beautiful web-based visualizations with InfluxDB.

InfluxData sponsor

How to Cancel an HTTP Request in Node.js — The Abort API allows you to cancel asynchronous tasks such as in-flight HTTP requests and here’s how to use it in the latest Node.js version.

Simon Plenderleith

How to Create a Linear Gauge Chart in JavaScript — A way to visualize progress, perhaps - as used here to show off COVID vaccination rates.

Shachee Swadia

▶  How to Create a PWA With Next.js in 10 Minutes — Congratulations to James for just earning his 100K YouTube Play button.

James Q Quick

Use console.log() Like a Pro — Always nice to have a reminder of the various console methods for debugging.

Marko Denic

Shortcut Puts the Agile in Agile and the “Can” in Kanban

Shortcut (formerly Clubhouse.io) sponsor

Six Tips To Make Your Pull Requests Easier to Review — Looking to have your pull request rise above the background noise for an active repo?

Chak Shun Yu

How to Create CSS Custom Properties That Dynamically Update with React and JS
Colby Fayock

Building an API with Gatsby Functions
Paul Scanlon

🛠 Code & Tools

LittleJS: A Tiny 2D JavaScript Game Engine with Fast WebGL Rendering — No dependencies and it claims to render 10,000+ objects at 60fps.

Frank Force

memoize-one 6.0: A Memoization Library with a Simple Approach — A memoization library that takes the curious approach of only remembering the last invocation and arguments, returning the cached value if the next call matches. This saves on complex caching arrangements while speeding up many scenarios.

Alex Reardon

ChordSymbol: Musical Chord Parser and Renderer — Claims to be able to “handle whatever chord syntax” you throw at it and it can generate all the notes to be displayed elsewhere. GitHub repo.

Christophe Noël

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

GistPad: VS Code Extension for Managing Code Snippets in GitHub Gists — Allows you to manage GitHub Gists entirely within VS Code. Open, create, delete, fork, star, and clone gists, then go straight to editing. VS Marketplace link.

VS Live Share Contrib

JavaScript Obfuscator: A Way to 'Scramble' JS Code — Transforms your code into a functionally equivalent representation that’s harder to understand or modify. Many folks find this sort of fiddling to be of low value given it can be reversed to some extent, but there’s a Web interface if you want to have a go.

Timofey Kachalov, Tiago Serafim, et al.

OpenSilver 1.0: A Modern, Plugin-Free Reimplementation of Silverlight — This is a replacement for Microsoft’s lonnnng deprecated Silverlight technology, but as of this 1.0 release boasts being “powerful enough to run complex line-of-business applications of all sizes.” It’s open-source and runs in current browsers via WebAssembly.


Pdfvuer: A PDF Viewer for Vue, Powered by Mozilla's PDF.js
Gaurav Koley

Hyperactiv 0.9: A Super Tiny Reactive Library
Julien Elbaz

Dust.js 3.0: Asynchronous JS Templating for Browser and Server

reveal-md: Create Reveal.js Presentations from Markdown Files
Lars Kappert

Cacheables: Simple In-Memory Cache with Automatic Invalidation and Elegant Syntax
Grischa Erbe

🤓 And one for fun..

(t,i,x,y) => 'creative code golfing' — Tixy is a neat little creative coding environment where you're given a simple 16x16 grid of dots and you can manipulate them via small slices of JavaScript. Math.random() is a fun one to chuck in.

Martin Kleppe