#523 — January 29, 2021 |
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 |
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 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 TypeScript — Factorio 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 Bundler — Rollup 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 |
Building a Range Slider with SVGs in Angular |
|
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 React — editor.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 |
|