# 533 — April 9, 2021

Unsubscribe  |  Read on the Web

JavaScript Weekly

The Healing Power of JavaScript — There wasn’t a singular “big” bit of news this week, but why not something a little more whimsical? Craig Mod, a popular writer and photographer, has written a piece for WIRED about how, for Craig, “code is therapy, an escape and a path to hope in a troubled world.”

Craig Mod

📖  The ES2021 Edition “JavaScript for Impatient Programmers” — Dr. Axel has updated his popular JavaScript for Impatient Programmers book to ES2021 standards and you can still read the (nearly) whole book online.

Dr. Axel Rauschmayer

Connect Code to Customer in This Free Webinar Deep-Dive — Developers have become integral to the success of every business – because if your software sucks, your business sucks. In this live demo, we'll show you three successful strategies that put the customer at the center of your monitoring workflow.

Raygun sponsor

Vanilla JavaScript Code Snippets — A roundup of a number of useful sources when you want to keep your JavaScript simple and light and as vanilla as possible. Covers things like 1loc.dev, Micro.js and 30 seconds of code.

Vitaly Friedman

Five Ways to Prevent Code Injection in JavaScript — You never want malicious users to be able to send code over the wire that then gets run by your own program. Here are some ways to prevent this problem.

Liran Tal

Quick Bits


Cucumber.js 7.1.0 — Write tests as stories.
Fabric.js 4.4 — Work with canvases from JS.
NSFW.js 2.4 — Client-side NSFW image detection.
Node CSV 5.5 — Full featured CSV parser.
Marko 5.7 — eBay's UI library.

💻 Jobs

Front-End Senior Software Engineer (Remote) — Help power a platform meaningfully changing how journalists, PR pros, and marketers around the world work.

Muck Rack

Senior Software Engineering Consultant - [100% Remote]  — Co-founded by Justin Searls, Test Double is an engineering consultancy on a mission to improve the way the world builds software. Work on challenging projects with a collaborative, passionate team. 100% employee owned, contract and full-time roles available.


Find Software Engineering Jobs with Hired — Take 5 minutes to build your free profile & start getting interviews for your next job. Companies on Hired are actively hiring right now.


📖 Articles, Opinions & Tutorials

Replacing let with const (Even When It Feels Impossible) — I’m not a big fan of shoehorning const in everywhere you can, but many developers find value in it and Charles argues that it has numerous benefits.

Charles Stover

How to Read React Errors — A practical tutorial on how to make sense out of some of the more obscure React error messages.

Dave Ceddia

Breakpoints and console.log Is the Past, Time Travel Is the Future — 15x faster JavaScript debugging than with breakpoints and console.log.

Wallaby.js sponsor

How to Actually Test Component Driven UIs — The folks at Storybook spoke with ten engineering teams to see which UI testing methods work for them. Unsurprisingly, Storybook came up, but also tools like Axe and Cypress.

Varun Vachhar (Storybook)

▶  How to Create a Globe and Add Cities using Three.js — A recorded coding session. (86-minutes.)

Yuriy Artyukh

19 JavaScript 'Nuggets' — If you’re up for a quick list of JavaScript tips, start here. This links to nineteen posts (on the same blog) covering things like sorting, const, for/of, and working with strings.

Delicious Insights

How to Password Protect a Site with Cloudflare Workers — A demonstration of using Cloudflare Workers to add Basic HTTP authentication to sites even if they are hosted on a service like Vercel or Netlify.

Florian Kapfenberger

▶  Vue Explained for React Developers in 6 Minutes
Coding with Justin

Three Ways to Merge Arrays in JavaScript
Dmitri Pavlutin

Server-Side Rendering and the Journey to The Center of Nuxt.js
Michael Gallagher

🛠 Code & Tools

supported by Okta

Kaboom.js: A Fun JS Game Programming Library and Environment — Lets you edit your code, sprites, and sounds in one place and includes helpers to assist in building certain types of games faster. Project homepage.


React Hook Form 7.0 — After two years of work, the latest version of this mature form library has dropped. It features strict typing, reduced package size and improved performance. Already a user? There's a v6 to v7 migration guide aimed specifically at you.

React Hook Form

[New] AI Security Scanning for WebStorm - Try the Free Security Plugin — Avoid the refactoring fire drill. Catch (and fix) security issues as you code. Try Snyk’s free WebStorm security plugin.

Snyk sponsor

CSS-Select 4.0: A CSS Selector Compiler and Engine — Turns CSS selectors into functions that tests if elements match them.

Felix Böhm

moovie.js: A Movie-Focused HTML5 Media PlayerTry it here. No dependencies, responsive, customizable, keyboard shortcuts, and includes support for .vtt or .srt caption/subtitle files.

Bruno Vieira

Cancelable Async Flows (CAF) — Gives you async/await style coding but using generators under the hood for more control over cancellation. Based on AbortController/AbortSignal, Kyle says his library can handle the ‘dirty work’ for you.

Kyle Simpson

Book a Demo. Ship Fast. Rest Easy. LaunchDarkly

LaunchDarkly sponsor

Flicking 3: A Flexible Carousel Component — There are wrappers for Angular, React, Vue and Preact users too.


🕰 ICYMI (Some older stuff that's worth checking out...)

The Future of Web Software Is HTML-Over-WebSockets
Matt E. Patterson

How to Create React Components with TypeScript
Felix Gerschau

A Super Flexible CSS Carousel, Enhanced With JavaScript Navigation
Maks Akymenko

The Complete Guide to Immutability in TypeScript
Gregory Pabian

How to Use reduce in JavaScript — Keeps it nice and simple.
Zell Liew