#481 — March 27, 2020

Unsubscribe  :  Read on the Web

JavaScript Weekly

Prettier 2.0 “2020” Released — The popular code formatter now adds better defaults, a better CLI, TypeScript 3.8 feature support (e.g. export * as ns), and lots more. Project homepage.

prettier

What Happens When the Maintainer of a Major JS Library Goes to Jail? — The maintainer of the popular core-js library (very commonly used alongside Babel) lost an appeal to overturn an 18-month prison sentence.

Thomas Claburn (The Register)

Online Lab: Build a Blockchain App with JavaScript — Learn how to build a distributed ledger into your JavaScript application using open source tools and best practices in this interactive lab from IBMers Lennart Frantzell and Dave Nugent.

IBM Developer sponsor

HTML DOM: A Resource for Solving DOM Problems with Native APIs — A guide with a list of different things we might normally do with a JavaScript library, but can now be done using native APIs.

Nguyen Huu Phuoc

Angular 9.1 Released: TypeScript 3.8 and Faster Builds — A minor Angular release that acts as a ‘drop-in replacement’ for 9.0 and brings concurrent package compilation for faster build times. A few other niceties too, all covered here.

Stephen Fluin

💻 Jobs

React JS Developer (Remote) — 9+ million people plan outdoor adventures with our apps every day. If you are smart and ambitious, join us to inspire people to explore more of the great outdoors.

Komoot

Principal UI Engineer — Join a tech team based in the heart of NYC and work on a data-driven, cloud solution for the world's leading entertainment brands.

Whip Media Group

Find a Dev Job Through Vettery — Vettery is completely free for job seekers. Make a profile, name your salary, and connect with hiring managers from top employers.

Vettery

📘 Articles & Tutorials

Measuring the Performance of JavaScript Functions — “In this article I will explain how you can measure the performance of your functions and what to do with the results you get from them.”

Felix Gerschau

Building a Code Editor with CodeMirror — CodeMirror is an open source project that makes it easy to build advanced text editors into your frontend apps. Here’s how to build a code editor with it and how to connect together all the pieces.

Valeri Karpov

Top GitHub Best Practices for Developers - Expanded Guide — Implementing these best practices could save you time, improve code maintainability, and prevent security risks.

Datree.io sponsor

Deleting Scrobbles on last.fm En Masse with a JS One Liner — A reminder, if you needed one, that running quick, scrappy JavaScript one liners in the devtools can help you gain some serious power over the pages you’re navigating.

Charlie Ritter

How to Use the Web Storage API — An introductory guide to localStorage and sessionStorage.

Chidume Nnamdi

Optimizing JS for Native-Like Webviews — Serving web pages fast enough to feel native.

Leo Jiang

Register for the Free ForwardJS May 2020 Livestream

ForwardJS sponsor

How To Make Life Easier When Using Git — Lots of useful bits and pieces in here.

Shane Hudson

How to Use the URL API with Vanilla JavaScript — A simple look at a lesser-known Web API, which lets you grab various bits including the hash, hostname, pathname, protocol, etc.

Chris Ferdinandi

🔧 Code & Tools

TOAST UI Editor 2.0: A Powerful WYSIWYG Markdown Editor — Two years in comes version 2.0, along with 10K GitHub stars to boot. v2.0 has a new Markdown parser, better syntax highlighting, improved scroll syncing and live previews, and more. GitHub repo.

NHN

match-sorter: Deterministic Best-Match Array Sorting — If you have an array full of items that you want to filter and sort ‘intelligently’ and deterministically, check this out.

Kent C. Dodds

Nano ID 3.0: A Unique String ID Generator — Tiny (108 bytes), secure, and URL-friendly. 3.0 requires changes to your code if you’re already using it.

Andrey Sitnik

jsSHA: Pure JS Implementations of SHA-1, SHA-256, SHA3-512, Etc. — If there’s a SHA hash, this library probably covers it.

Brian Turek

Analyze Page Load Time and Optimize Your Front-End Performance

Site24x7 sponsor

Rsup Progress: A Simple Progress Bar with Promises Support

skt-t1-byungi

ElectronCGI 1.0: Build Cross-Platform GUIs for .NET Core — Lets you invoke .NET Core code from Node and vice versa so you can use Electron to build a UI for an app otherwise based on a .NET Core language.

Rui Figueiredo

Dinero.js: A Library for Working with Monetary Values — GitHub repo.

Sarah Dayan

jest-dom: Custom Jest Matchers to Test the State of the DOM — So you want to use Jest to write tests that assert various things about the state of a DOM..

Testing Library

#480 — March 20, 2020

Unsubscribe  :  Read on the Web

✍️ We hope you're doing okay in these unusual times. We'll be publishing JavaScript Weekly as usual, but you may notice some changes as we adapt – please hang in there with us 🙂

If you have anything to share that would help the community, virtual events, etc. you can reply to any issue to let us know and we'll try to share what we can :-)
— Peter C, your humble editor.

JavaScript Weekly

μPlot 1.0: A Fast, Tiny Time Series Chart Library — A fast, memory efficient Canvas-based time series plotting library. How fast? Try 150,000 data points in 60ms fast. Lots of demos here.

Leon Sorokin

npm is Joining GitHub — This is perhaps the biggest Node news of the year! npm Inc. (including the public repository) is being acquired by GitHub (who you might recall launched their own package registry less than a year ago). Fingers crossed this only means good things for npm. If you want more background, Isaac Z. Schlueter tells his side of the story here.

GitHub

Optimize Your Front-End Performance in Real-Time — Identify JS errors, errors in AJAX calls, page load time with Site24x7 Real User Monitoring. You can also track your CDN performance, analyze user sessions, measure and reduce resource load time. Sign Up.

Site24x7 sponsor

Wikimedia (The Folks Behind Wikipedia) Are Adopting Vue.js — Wikimedia will be using Vue for their future front-end development, but no, Wikipedia is not becoming an SPA! This post digs into the how and why of the decision, while on Twitter, Vue.js creator Evan You explains more from his side. Hacker News had a very busy thread on the topic too.

Wikimedia Foundation

▶  16 Hand-Picked JavaScript Podcasts Still Running in 2020 — This is an update of a list originally made in 2018. If you do, somehow, have spare time to listen to podcasts now, this up to date list may be useful.

Mathieu Dionne podcast

Babel 7.9.0 Released — A new minor release for the popular JavaScript compiler which includes updates related to @babel/preset-env, TypeScript 3.8, Flow, and JSX.

Nicolò Ribaudo

💻 Jobs

UX/Frontend Engineer @ Siteline — Join the founding engineering team at Siteline and help us revolutionize the payments process for construction.

Siteline

Find a Dev Job Through Vettery — Vettery is completely free for job seekers. Make a profile, name your salary, and connect with hiring managers from top employers.

Vettery

📘 Articles & Tutorials

An Interactive Introduction to AntV — We recently linked to a neat interactive introduction to D3, here’s something similar for AntV, a data visualization toolset originally built for financial data. Worth a play.

Jiazhe Wang

Implementing Infinite Scroll And Image Lazy Loading — A tutorial on using the Intersection Observer API to implement infinite scrolling and image lazy loading in a functional React component.

Chidi Orji

A Much Faster Way to Debug Code Than with Breakpoints or console.log — Move forward and backwards through your code to understand the conditions that led to a specific bug, view runtime values, edit-and-continue, and more.

Wallaby.js sponsor

Some Real World Use Cases for JS Proxies — Proxies are far from a universally understood concept in the JavaScript world, so it might help to think about them in a context where you might use them.

Arbaz Siddiqui

How to Cancel a Fetch Request — This looks at the new AbortController API which can help with one of the shortcomings of promises: That you can’t cancel a fetch request.

David Walsh

Five Practical Tips When Using React Hooks in Production

Tobias Deekens

Faster CI/CD for All Your Software Projects Using Buildkite

Buildkite sponsor

Using Watchers for Form Input Validation in Vue.js — The watch option in Vue.js offers a way to respond to data changes in a given element and perform form input validation.

Nwose Lotanna

🔧 Code & Tools

Uppload: A 'Better' JavaScript Image Uploader — Open source, highly customizable with 30+ plugins and can be used with any file uploading backend.

El Niño

Heapify: The 'Fastest JavaScript Priority Queue Out There' — It’s a bold claim, but there are some benchmarks, plus no dependencies and it’s well explained and documented too.

Lucio Paiva

Introducing Gretchen: Making fetch Happen in TypeScript — An introduction to Gretchen, a modern, TypeScript-focused Fetch API abstraction.

Eric Bailey

Stream Chat API & JavaScript SDK for Custom Chat Apps — Build real-time chat in less time. Rapidly ship in-app messaging with our highly reliable chat infrastructure.

Stream sponsor

Tippy.js 6.1: Highly Customizable Tooltip and Popover Library — Accessible, easy to theme, fast on low-end devices, and TypeScript ready. Also a great example of a good project site/homepage. GitHub repo.

atomiks

Seafox: A Fast Spec-Compliant JavaScript Parser Written in Typescript — Generates AST according to the ESTree AST format, and can be used to perform syntactic analysis of JavaScript code.

Kenny Flash