Plus experiment HTTPS module loading support in Node.js, and the story of asychronous JavaScript. |

#​578 — February 25, 2022

Unsubscribe  |  Read on the Web

JavaScript Weekly

What Are Wrapper Objects for JavaScript's Primitive Values? — Dr. Axel talks about how primitive types like boolean and string have associated wrapper classes (e.g. Boolean and String) and demonstrates the value (pun not originally intended!) they provide.

Dr. Axel Rauschmayer

How to Read the ECMAScript Specification — Each time there’s a new ECMAScript spec we link to it - such as this draft ES2022 spec.. but who reads such a complex and intimidating document? This is a neat dig into how the spec ticks formatting wise and why the spec is worth a skim at the least.

Timothy Gu

Learn the Fundamentals of Rx.js — This useful JavaScript library is great for managing events that happen over time, and in this detailed video course Steve Kinney covers what you need to know to make use of it — including observables, events, intervals, timers, operators, and more.

Frontend Masters sponsor

📄 PDF: From JavaScript to Rust: A Book — A book that attempts to map common JavaScript workflows to the Rust ecosystem, if you’ve been keen to pick up the increasingly popular systems language. There’s also a GitHub repo with the source for the book.

Jarrod Overson

Cheerp 2.7: Compile C++ to WebAssembly and JavaScript — The latest version of a unique tool (built upon the clang compiler) that provides JavaScript-C++ interoperability gains ES modules support and produces faster and smaller output than before.

Carlo Piovesan

IN BRIEF:

RELEASES:

Playwright 1.19 – Browser automation library.
neo.mjs 3.2.5 – Web Worker enhanced frontend framework.
Jasmine 4.0.1 – JS testing framework.
Resemble.js 4.1 – Image analysis and comparison library.
eva.js 1.2.7 – Front-end game engine.
History 5.3 – Manage session history with JS.
qooxdoo 7.0 – SPA framework we last mentioned 7 yrs ago(!)

💻 Jobs

Work Remotely Forever — When you join Toptal, you get the freedom of freelance with the security of full-time. Take control of your career today.
Toptal

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.
X-Team

Fullstack Engineer (Remote, EU Timezones) — We’ve built a product thousands of people love (See Trustpilot if you don’t believe us). We need your help with Node & TypeScript.
Feather

📒 Articles & Tutorials

How to Reliably Send an HTTP Request on Leaving a Page — Browsers don’t guarantee to preserve open HTTP requests when changing pages but there are some mitigations or alternative approaches (e.g. beacons).

Alex MacArthur

How To Develop a Text Editor for the Web — The engineer at a company building a browser-based design tool reflects on some of the technical issues of producing a reliable text entry widget.

Ilya Medvedev

3k+ Devs Completed the State of Frontend 2022 - It's Your Turn — 3k devs and counting - we need you too! Take 8 minutes click through the survey, and catch the outcome soon.

The Software House sponsor

Future JavaScript: A Look at Records and Tuples — Two years ago we mentioned the record and tuples proposal (two new deeply immutable primitive types for JS) had reached stage 2 at TC39. It’s still there.. but a polyfill brings them to Babel users.

Johnny Simpson

You Can throw() Anything In JavaScript (And Other async/await Considerations) — The author experiments with throw and ends up questioning his mental model of error handling.

Ben Nadel

▶  What is Responsible JavaScript? — The author of Responsible JavaScript talks about topics like responsible data usage, user experience, backwards compatibility, etc. (55 minutes.)

Smashing Magazine Podcast podcast

How to Make a Data Dashboard with React Native

InfluxData sponsor

How to Use nextTick() in VuenextTick(callback) executes the callback when the DOM has been updated.

Dmitri Pavlutin

Optimizing Third-Party Script Loading in Next.js
Leena Sohoni and Houssein Djirdeh (Google)

▶  10 Things You Should Know About Lodash in 3 Minutes
EzBackend

Comparing Gatsby and Next.js
Alex Barashkov

Implementing the Game of Life with React, Hooks and Chakra-UI
Ruslan Elishaev

🛠 Code & Tools

Screenshot: No-Dependency Browser-Native Screenshot Library — Uses the MediaDevices API but provides an easier to use abstract for letting users take screenshots. GitHub repo.

Tejas Kumar

Introducing FormKit: A Vue 3 Form Building Framework — A complete form building framework inspired by earlier work on Vue Formulate. GitHub repo.

Justin Schroeder

Stylo: An Open Source WYSIWYG Rich Text Editor for JavaScript — Lightweight, no dependencies, and you can configure the default toolbar to suit your app's specific needs.

David Dal Busco

More Cloud for Less Money — Vultr offers developers Cloud Compute instances as low as $2.50 per month. Try Vultr for 14 days with this free credit.

Vultr sponsor

Beam: Node.js-Powered and GitHub-Inspired Message Board for Teams — Beam is a message board inspired by a similar proprietary system used for team communication at GitHub. GitHub repo.

PlanetScale

Stockfish.js: A Chess Engine — Stockfish is a popular chess engine usually written in C++ but this project brings it into JS contexts by way of WebAssembly.

Nathan Rugg

😆  Elevator.js: An Old Fashioned 'Scroll to Top' Button — Just a bit of fun.
Tim Holman

enum-xyz: JavaScript Enums using Proxies — Fun little reader-submitted idea.
Chase Fleming

o