Plus modding Factorio with TypeScript, a desktop app for playing with JavaScript, and a new CKEditor release. |

#523 — January 29, 2021

Unsubscribe  |  Read on the Web

JavaScript Weekly

TOAST UI Chart 4.0 Released — A MIT licensed chart library equally suited for vanilla JavaScript, Vue or React use cases. It’s responsive, easy to theme, and now dependency free meaning it clocks in at just 67KB gzipped. It now supports live updating of charts across several chart types too. Want demos? Here’s lots of demos and the GitHub repo.

NHN Corp

undefined vs. null Revisited — Most languages include a concept of a ‘non-value’ (often called null or nil) but JavaScript has two in the form of undefined and null. Dr. Axel analyzes their differences and where and why they’re used.

Dr. Axel Rauschmayer

Combining React, GraphQL, NoSQL and Serverless — Connect your React frontend to an automatically generated GraphQL data access API for your NoSQL DBaaS in < 5 minutes. Yep, that’s Apache Cassandra on DataStax Astra: the proven, globally distributed, highly available cloud database. Try our serverless beta. | No credit card, free to 5GB.

DataStax Astra sponsor

Deno 1.7 Released — Node’s younger cousin comes boasting new features and improvements. A big update is that deno compile (which lets you compile complete JavaScript apps to a single executable) is more efficient with support for cross compilation and ~60% reduced compiled size. Via our Deno newsletter.

Bartek Iwańczuk and Luca Casonato

Cypress vs Selenium vs Playwright vs Puppeteer Speed Comparison — If you’ve got some browser automation to do, particularly around testing, you now have quite a few options, but how do they compare in terms of speed? Spoiler: Playwright comes out of it looking good.

Giovanni Rago (Checkly)

10 Bad TypeScript Habits to Break This Year — Unsurprisingly, given the title, this is very opinionated.

Daniel Bartholomae

Quick Bits

💻 Jobs

JavaScript Developer at X-Team (Remote) — Join the most energizing community for developers and work on projects for Riot Games, FOX, Sony, Coinbase, and more.

X-Team

Find Your Next Job Through Hired — Create a profile on Hired to connect with hiring managers at growing startups and Fortune 500 companies. It's free for job-seekers.

Hired

📖 Articles, Opinion & Tutorials

A Walkthrough of Migrating MaxRozen.com from Gatsby to Next.js — There’s no shortage of “how to use Next.js” or “how to use Gatsby” articles but moving between them is both trickier and less commonly seen.

Max Rozen

Get Started with Modding Factorio using TypeScriptFactorio is a popular factory building game (beware, I’m told it can be a huge timesuck) and it can be modded using Lua. Luckily, you can compile TypeScript to Lua so there are some neat modding opportunities for us. factorio-type-kit helps make it possible.

Christopher Dieringer

Creating Custom RxJS Operators — RxJS is a key part of Angular (though it can be used separately to it too) and it provides a powerful way to work with data using pipelines and operators. So what if you want to create an operator of your own..?

Tane Piper

An Introduction to the Rollup.js BundlerRollup is a popular ES module oriented module bundler.

Craig Buckler

A Big List of HTTP Static Server One-Liners — Want to spin up a quick HTTP server locally? There’s a lot of ways to do it and this list is updated on occasion.

William Bowers

The Ultimate Guide to Cardinality for Observability

Lightstep sponsor

Rendering Colorful Twisted Spheres with Three.js — Learn how to deform and color spheres to create an interesting animation with Three.js.

Mario Carrillo

Getting Started with Netlify Functions for Angular — A guide to the first steps of adding serverless functions to an Angular application using Netlify Functions (which itself is built on top of AWS Lambda).

Tara Z. Manicsic (Netlify)

Using fetch with TypeScript
Kent C Dodds

Building a Range Slider with SVGs in Angular
Marcus Revaj

🛠 Code & Tools

supported by Okta

RunJS: A JavaScript 'Scratchpad' Desktop Tool — Write and run JavaScript (or TypeScript!) instantly whether to learn, test, create screencasts or explanatory tweets, or just fiddling around generally. Available for macOS, Windows, and Linux. It’s seen a few releases since we first mentioned it over a year ago.

Luke Haas

react-editor-js: Unofficial Editor.js Component for Reacteditor.js is a block-based content editor and this makes it easier to use with React. Check out the CodeSandbox demo.

Jungwoo An

Fast and Reliable Feature Management for the Modern Enterprise — Built for Engineering Teams. Easy Implementation. Designed for Enterprise Scale. Try LaunchDarkly for free today.

LaunchDarkly sponsor

Source Map Visualization: Upload and View JavaScript/CSS Source Map Data — You can upload your own source map file or load the example file to see how this works.

Evan Wallace

CKEditor 5 v25.0.0 Released — A very long-standing GPL-licensed (with commercial option) WYSIWYG HTML editor control (demos here) has introduced annotations (for collaborative editing) and improved formatting of large text blocks.

Bartek Biedrzycki and Anna Tomanek

vue-easytable 2.0: A Flexible Vue 2.x Table Component — The site has plenty of examples and it’s easy to get going. v2.0 is a complete rewrite from v1.0. GitHub repo.

vue table 组件

Cheval 2.0: 'Copy to The Clipboard' using JavaScript Without Writing JS — If you want to keep things really simple but offer a “copy to the clipboard” feature on your pages, this takes care of the whole thing once you’ve added some classes to a couple of HTML elements.

Ryan McQuen

post-me: Communicate with Web Workers and Other Windows — A promise-based API for an app and its child workers or windows to expose methods and custom events to each other.

Alessandro Genova

Scout APM - Leading Edge Performance Monitoring Starting at $39/Month — Streamline troubleshooting with real-time alerts & tracing logic that ties issues to source code. Try free for 14 days.

Scout APM sponsor

vue-content-loader 2.0: SVG-based 'Loading Placeholder' Component — A Vue port of Julian Ćwirko’s react-content-loader which is also updated.

Kevin Hazy

🆕 Quick releases:

o