JavaScript Weekly

#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.

YouTube

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.

anynines

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

Vettery

📘 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 Operator — delete 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.

Wix

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

Issue 461 #462 Issue 463