#466 — December 6, 2019

Read on the Web

JavaScript Weekly

JavaScript, ES6, ES7, ES10.. Where Are We? — A look at the current features within JavaScript, what got rejected, and what native support for ‘modern’ JavaScript features is like. It’s a bit of a mish-mash, but covers a lot of proposals.

Yann Stepienik

Optional Chaining Has Reached Stage 4 at TC39 — Why’s that a big deal? It means it’s going to be part of ES2020, the next major ECMAScript spec. The proposal itself is here and here’s how it would work.

Rob Palmer on Twitter

Build Great Apps Faster with the New WebStorm 2019.3 — With everything you need to start coding available out of the box, you can be more productive and write better code in no time. Faster startup, advanced Vue.js support, and even smarter JavaScript code completion – start your free trial today.

JetBrains sponsor

WebAssembly is Now a W3C Recommendation — This is a really big, formal step for WebAssembly and the Web as a whole, although it might ultimately lead to JavaScript becoming slightly less important as languages like Rust, Go, and C# begin to target browsers directly by compiling to WebAssembly. This press release doesn’t explain WebAssembly particularly well, so if you want to learn more about it, enjoy this illustrated guide or this if you want something more advanced.


What's New for Node.js in 2020 — Node’s ten years old and continuing to develop at a rapid pace. David dusts off his crystal ball and looks at some of what’s coming.

David Neal

What People in Tech Said About JavaScript On Its Debut — Yep, it’s JavaScript’s birthday again! It was first announced this week 24 years ago, but who was singing its praises in its earliest form?

Chris Brandrick

The Advent of Code 2019 — If you have a little time each day to do some programming challenges, you could do a lot worse than the Advent of Code which is now in its fifth year. I’ve really enjoyed the puzzles so far and there’s even a sub-Reddit where people discuss their solutions.

The Advent of Code

⚡️ Quick Releases

💻 Jobs

Fight Crime With Code @ Mark43 - Sr. FE Engineer (NYC/Charlotte) — Build mission critical systems for 911 Dispatch and First Responders using React, Electron and GraphQL.


JavaScript Developer at X-Team (Remote) — Work with the world's leading brands, from anywhere. Travel the world while being part of the most energizing community of developers.


Find a Job Through Vettery — Make a profile, name your salary, and connect with hiring managers from top employers. Vettery is completely free for job seekers.


📘 Articles & Tutorials

Learning Modern JavaScript with Tetris — A thorough walkthrough of all the things to consider when building your own Tetris game in JavaScript. Bit of fun for the weekend, maybe?

Michael Karén

9 Questions to Test Your Knowledge of Promises — A nice way to quickly test your knowledge.

Dan Levy

Top CI Pipeline Best Practices - A Developer's Guide — At the center of a good CI/CD setup is a well-designed pipeline. Check out this best practices guide for developers. 👍

Datree.io sponsor

How I Created 488 'Live Images' with Node, Cloudinary, and Puppeteer — A neat look at stitching together a few different systems to provide reliable, hosted graphical versions of the support grids Can I Use provides.

Ire Aderinokun

An Easy Way to Build a Tree Using Object References — Building a tree structure can be easy if you think in terms of references.

Nick Scialli

The People Behind JavaScript: Allen Wirfs-Brock — Allen is an industry veteran who was editor of the ES2015 (a.k.a. ES6) spec and is a TC39 member.

Svein Petter Gjøby

🤖 NanoNeuron: 7 Simple Functions to Demo Simple Machine Learning — Some simple functions to give you a feel for how machines can ‘learn’ things, via model prediction, cost calculation, forward and backwards propagation, and training.

Oleksii Trekhleb

▶  Coding a Complete Snake Game — At almost two hours, don’t expect a tightly edited tutorial – this is more a relaxing, entertaining and realistic ‘fly on the wall’ look at building something from scratch.

Fun Fun Function

Tried & True Productivity Tips from 25 React Experts

Progress KendoReact sponsor

How ... Works in JavaScript — It plays two roles, as a rest parameter and as the spread operator.

Dag Stuan

▶  The Story of Migrating to Apollo + GraphQL at Airbnb — Covers Airbnb’s use of TypeScript, their incremental adoption of GraphQL, and what they’ve learnt along the way.

Brie Bunge

🔧 Code & Tools

noUiSlider: Lightweight Range Slider with Full Multi-Touch Support — Pretty powerful and flexible. There’s a full page of examples.

Leon Gersen

Over 100 JavaScript Algorithms and Data Structures Demonstrated — 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.

Oleksii Trekhleb

The Most Complete Spreadsheet Solution for JavaScript Apps - SpreadJS — Fast enterprise JavaScript spreadsheet for delivering true Excel-like spreadsheet experiences. Download Free Eval.

SpreadJS by GrapeCity sponsor

reg: An Experimental Native ESM Package Manager — Very early days, but an interesting approach! Comes complete with a “do not use this in production” warning, so take care.

Mikeal Rogers

React View: An Interactive Playground to Show Off Your Components — React View is itself a component you can use in any React app to present your components to other developers by both showing the component and letting users edit its props or edit the code used to display it.

Vojtech Miksu

Creepyface: Makes Face Images Follow The Pointer — This is an effect I’ve seen mostly on ‘about us’ pages where faces of team members follow your pointer around. If you want to recreate that, here you go.

Alejandro Tardín

💛 Reassuringly seen on Twitter

Never forget, readers, you never need to feel alone in this :-)