Plus TypeScript 4.3 beta, rendering graphs with Graphviz in the browser, and the fastest data table ever? |

#532 — April 2, 2021

Unsubscribe  |  Read on the Web

JavaScript Weekly

Deno Gets a Company, Some Money, and a Distributed VM — The folks behind Deno (the secure JS/TS runtime project founded by the original creator of Node.js) have raised $4.9m and formed a company to help push it further forward, including plans to hire more full-time engineers. They've also unveiled Deno Deploy, a 'globally distributed JavaScript VM' of sorts. Exciting times are afoot for them.

Ryan Dahl, Bert Belder

Announcing TypeScript 4.3 Beta — It dropped on April 1 but it was no joke. Notably, 4.3 introduces a override keyword to make it clear when you’re overriding a method rather than adding a new one. There are also template string type improvements, and methods and accessors can be given #private names.

Daniel Rosenwasser (Microsoft)

How to Model JSON to Get the Most Out of Your Document Database — Thinking about using a document database for your next project? The flexible data model is a major plus, but having so many options can be intimidating at first. This free virtual event will help you make all the right choices. Register here.

Couchbase sponsor

NativeScript 8.0 Released — NativeScript is a mature framework for building iOS and Android apps that lets you use native APIs directly from JavaScript (or TypeScript) – it’s agnostic so you can use Angular, React, Vue or Svelte with it too. 8.0 adds webpack5 support, Apple Silicon (M1) support, improved accessibility, and more.

OpenJS Foundation

Tagify 4.0: An Elegant Input Component for Tags — The polished demos show a lot of effort has been put in here. GitHub repo.

Yair Even-Or

Quick Bits

  • Component development environment Storybook 6.2 has been released with Vue 3, webpack 5, and ESBuild support, plus a new JSON editor.
  • In the April Fools' department came ES1995, a polyfill for 'super-modern' JavaScript.

Releases

ts-loader 8.1.0 — TypeScript loader for webpack.
mustache 4.2.0 — Long standing {{templating}} system.
Middy 2.0 — Middleware for Node.js AWS Lambda functions.
HLS.js 1.0 — JavaScript HLS client using Media Source Extension.
SVGO 2.3.0 — Node.js tool for optimizing SVG files.
Husky 6.0 — Git hooks made easier.
Next.js 10.1
npm 7.8.0

📖 Articles, Opinion & Tutorials

Make Your Jest Tests Faster by Changing a Single Setting — Some developers have found that tweaking how many worker threads Jest uses can improve performance on certain setups. It’s worth a try.

Ivan Tanev

A Look at Class static Initializer Blocks in V8 9.1 — Sure, it looks a little Java-y, but this new syntax gives you a defined place to put code that runs just once for a defined class. Expect this in Chrome 91 (and therefore V8 9.1, we assume).

Shu-yu Guo

How to Build a Financial Dashboard with React — In this tutorial, we'll build a financial dashboard from scratch & learn a bit about CSS grid, KendoReact, and theming.

Progress KendoReact sponsor

On JavaScript Closures — The more advanced JS developers among you can skip this, but Kent quickly covers some useful points about closures here.

Kent C Dodds

▶  Discussing Skypack and Snowpack with Fred Schott — Yes, this is a Ruby podcast, but I find a more detached, 30,000 foot view of something as game changing as Snowpack useful in order to put it in context.

Remote Ruby Podcast podcast

Getting Started with React and D3.js — If you have been putting off incorporating D3 into your projects because of the visualization library’s reputation for being difficult to learn, here’s a well-paced (and somehow beautiful!) intro to get your efforts underway.

Amelia Wattenberger

How to Ship 2x Faster — Help devs trust their deploys. Because trust builds confidence, and confident teams deploy faster.

Sleuth sponsor

Delay Dispatching Actions in Redux using Thunk Middleware

Amit Merchant

Working with Media Queries from JavaScript

Maroun Baydoun

🛠 Code & Tools

Cheetah Grid 1.0: 'Fastest' Open-Source Data Table for the Web? — A bold claim from a library we’ve not encountered before. There’s a live demo here with 1,000,000 records in a table if you want to try it for yourself, though.

Future Corp

d3-graphviz 4.0: D3-Powered Graphviz DOT Graph Rendering — Renders SVGs from DOT-defined graphs by way of a WebAssembly port of Graphviz, including animated transitions. Today’s 4.0 release brings it up to D3.js 6.0 standards.

Magnus Jacobsson

Free Chat & Activity Feed APIs for Qualifying Teams

Stream sponsor

A Recreation of the Spotify Client Built with Angular 11 — Brings together Angular 11, Nx Workspace, ngrx, TailwindCSS and ng-zorro. Nice work, especially since it actually works.

Trung Vo

FicusJS: Lightweight Functions for Developing with Web Components
Matt Levy

Five Useful Tools and Libraries for Testing Vue.js Apps
Nethmi Wijesinghe

JParticles: Efficient Canvas Library for Building 'Cool Particle Effects'
Barrior

💻 Jobs

Software Engineer at Carbon Five — We’re a team of creative individuals dedicated to building brilliant products for innovative clients. Join us for new projects, tech and challenges.

Carbon Five

Remote Full-Stack Software Developer Opportunity — Write Code that Matters. Faithlife is looking for Full-stack Software Developers who can help us build awesome web software. Join us as we make revolutionary technology for administration and discipleship for churches all over the world.

Faithlife

Find Software Engineering Jobs with Hired — Take 5 minutes to build your free profile & start getting interviews for your next job. Companies on Hired are actively hiring right now.

Hired

o