#453 — September 6, 2019

Read on the Web

JavaScript Weekly

An Introduction to D3.js — A fantastic, well presented introduction to D3, a popular JavaScript-based data-visualization library, and its ecosystem of modules.

Amelia Wattenberger

Firefox 69 Released; Now Supports Public Instance Fields (and More) — Firefox 69 went out on the main Release channel this week and for JS developers, the inclusion of public instance fields will be of interest. The Resize Observer API and the Microtasks API are now also available to use and the JS debugger has gotten many improvements too.

Mozilla Hacks

Image & Video Management Made for Developers — Simplify and automate the process of uploading, manipulating, optimizing, and delivering images and videos across every device at any bandwidth. Try Cloudinary. See how easy media management can be. Get your own free account today.

Cloudinary sponsor

Apple Just Shipped Web Components to Production and You Probably Missed It — Apple just launched a Web-based client for their Apple Music service and several developers noticed what tech they’re using to make it tick (namely Ember, Web Components, and Stencil JS).

Max Lynch

▶  21 Talks from React Rally 2019 — The React Rally event took place in Salt Lake City just two weeks ago but already lots of the talks are up and ready to watch.

React Rally

A Google Developer's Feedback on TypeScript“We recently upgraded Google to use TypeScript 3.5. Here is some feedback on the upgrade.” We also learn Google only uses a single version of TypeScript that’s updated for everyone simultaneously.

Evan Martin

Using void in JavaScript and TypeScriptvoid means rather different things in JS and TypeScript and does some things I hadn’t expected too.

Stefan Baumgartner

💻 Jobs

Work with Giant, Caged Robots, and Node.js; Senior Developer, London — So, about the robots: They live in cages, travel at 60mph, and they’re controlled via AMQ messages from a Node-based Warehouse Management System.


JavaScript Developer at X-Team (Remote) — Join the most energizing community for developers. Work from anywhere with the world's leading brands.


Find a JavaScript job through Vettery — Make a free profile, name your salary, and connect with hiring managers from top employers.


📘 Tutorials

5 Handy Applications of Array.from() — Array.from() transforms array-like objects to arrays and can be used to generate ranges, remove duplicates, and clone arrays.

Dmitri Pavlutin

Creating Drag and Drop Elements with Vanilla JavaScript and HTML — I remember when this used to be really complicated to do, but the HTML Drag and Drop API helps a lot nowadays.

Jess Mitchell

Score SOC 2 Compliance Quick Wins Using Git: A Developer's Guide

Datree.io sponsor

Debugging TypeScript in Firefox DevTools — Firefox Debugger has evolved a lot in the last several months and while it’s well suited for working with JavaScript, it’s possible to debug TypeScript too thanks to source maps. Here’s a basic example.

Jan Honza Odvarko

You Already Use Types — A post aimed firmly at skeptics and newcomers to type systems.

Shawn 'swyx' Wang

Simplify Your JavaScript with .some() and .find() — If you haven’t revised the array methods in recent years, you might be missing out and reinventing the wheel in your code.

Etienne Talbot

Some Practical Uses of Symbols in JavaScript and TypeScript

Stefan Baumgartner

Creating a Simple JavaScript Obfuscator — Obfuscating a language that’s ultimately run in an interpreted style can often seem like a pointless endeavor, but it’s neat to see the process adopted here.

Antoine Vastel

Writing Data to InfluxDB with Python

InfluxData sponsor

▶  Discussing Functional Programming with Brian Lonsdorf — A 45 minute podcast chat about the fundamentals of functional programming and comparisons with object oriented approaches.

JavaScript Jabber podcast

An App Security Expert's POV on Dependency Management — An application security expert’s point of view over what practices you should be adopting on your own projects.

Adam Baldwin (npm, Inc.) node

🔧 Code and Tools

Bitmelo: An Online Environment for Creating JavaScript Games — It’s early days for this interesting project, but it’s basically an online sandbox geared to creating and working on simple JavaScript games, complete with tile, sound, map, and code editors.

David Byers

Cytoscape.js: A Graph Theory/Network Library for Visualization and Analysis — Handy if you need to model and/or visualize relational data, like biological data or social networks.

Max Franz

MongoDB Atlas is a Powerful and Reliable Cloud Database. Try Now

MongoDB Atlas sponsor

Angular Tools for High Performance — Contains a list of new tools and practices that can help in the building of faster Angular apps and to monitor their performance over time.

Minko Gechev

instant.page 2.0: Preload Link Target Pages ASAP — You include some JavaScript in your page and the browser will begin to preload the destination page the second someone clicks on a link. This can result in a slight, but noticeable, performance increase.

Alexandre Dieulot

SpaceTime: A Timezone Library with No Dependencies — Supports daylight savings, leap years, and hemispheres, and lets you calculate times in different timezones.

Spencer Kelly

vue-treeselect: A Multi-Select Component for Vue.js with Nested Options Support — There’s a lot of documentation and examples to enjoy here.

Fangzhou Li

Jimp: Image Processing in Node with No Native Dependencies — Want to get your resizing, cropping, color manipulation, or dithering on without any external dependencies?

Oliver Moran node

Redux Persist: Persist and Rehydrate a Redux Store

Zack Story

Build a JS Interpreter in JavaScript Using Acorn as a Parser

Chidume Nnamdi

How to Build a Search App for Unsplash with Svelte 3 — Use Svelte 3 and the Intersection Observer API to build a basic search tool for the Unsplash stock photography collection.

Ayo Isaiah

⚡️ Quick Releases