#462 — November 8, 2019

Read on the Web

JavaScript Weekly

How a 3D Tunnel Effect is Implemented in 140 Characters of JavaScript — I’m always in awe of little demos like this where such a striking result is obtained from such little code. The neat part is with posts like this you can learn how they work too.

Killed By A Pixel

TypeScript 3.7 Released — Packed with ‘awesome new language, compiler, and tooling features’, the popular ‘it’s JavaScript with static type-checking’ language introduces a lot of new bits and pieces including optional chaining, nullish coalescing, and simpler error reporting. The online TypeScript playground has also gotten some updates including a ‘dark’ mode and automatic type acquisition when importing packages.

Daniel Rosenwasser

⭐️ Master Writing Modern, Professional JavaScript — Take your JavaScript to the next level to find out what it is fully capable of with this comprehensive learning path.

Frontend Masters sponsor

▶  The React Conf 2019 Videos — React Conf took place just two weeks ago and the complete, finished recordings are available for you to enjoy. Highlights include Building a Custom React Renderer with Sophie Alpert, plus the two-parter Building the New Facebook with React and Relay with Frank Yan, and then part two with Ashley Watkins.


Snyk's JavaScript Frameworks Security Report 2019 — A review of the state of the Angular and React ecosystems when it comes to security and vulnerabilities, with a brief detour into Vue, Bootstrap and jQuery at the end. PDF report here.

Liran Tal (Snyk)

⚡️ Quick Releases

💻 Jobs

Software Developer - Ruby — Join our team and help to realize international cloud-native software projects based on Ruby on Rails.


Find a Job Through Vettery — Vettery specializes in tech roles and is completely free for job seekers. Create a profile to get started.


📘 Articles & Tutorials

Algebraic Structures: Things I Wish Someone Had Explained About Functional Programming — The second in a four part series on functional programming covers algebraic structures. What are they and how and why would we use them in JavaScript?

James Sinclair

Understanding the delete Operatordelete is used to remove specific properties from objects.

Chidume Nnamdi

What Is A CI/CD Engineer? — This post explores the possibilities of a new role... CI/CD Engineer.

CircleCI sponsor

A Complete Guide to JavaScript Tooling — An (entry level) guide to various JavaScript tooling systems, including linters, type checkers, package managers and more.

Hoang Nguyen

How to Fully Optimize Webpack 4 Tree Shaking“We reduced our bundle sizes by an average of 52%.”

Craig Miller

Scaling WebSocket Connections using Shared Workers

Ayush Gupta

Client-Side SQL Query Parsing with ANTLR — How a database company does basic ANTLR parsing in the browser to separate out SQL statements in a string.

Rahel Patel

Google Maps Is Now An Angular Component — The latest Angular Component release introduces a new Google Maps component. Here’s how to use it.

Tim Deschryver

Learn How to Build a Sales Dashboard with React

Progress KendoReact sponsor

How to Send Good Pull Requests on GitHub — A checklist to follow when creating a PR for your favorite project.

Eli Bendersky

Breaking Chains with Pipelines in Modern JavaScript

Dan Shappir

🔧 Code & Tools

VSCode Glean: A VS Code Extension for Refactoring React Code — Extract JSX into new components, convert functions to components (or, yes, stateful components to functional ones!), and more.


Simplur: Simple, Versatile String Pluralization — Uses ES6 template tags so you can provide quantities and singular/pluralized versions of words and terms yourself.

Robert Kieffer

TUI Chart: Attractive Charts for the Web — Cross-browser library with bar, line, area, bubble, radial, treemap, pie, heatmap, bullet, and boxplot charts out of the box.

NHN Entertainment

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

Sharp: High Performance Image Processing from Node — Boasts that it’s ‘the fastest module to resize JPEG, PNG, WebP and TIFF images’. Uses libvips behind the scenes.

Lovell Fuller

Proton 4.0: A JavaScript Particle Animation Engine — There are lots of demos to enjoy. GitHub repo.

A Jie

Geolib: Basic Geospatial Operations with No Dependencies — Calculate the distance between geographic coordinates, the center of a set of coordinates, check whether a point is inside a polygon made up of coordinates, etc.

Manuel Bieh

Tenko: A 100% Spec Compliant ES2020 JS Parser Written in JS

Peter van der Zee