#593 — June 10, 2022
Haas Labs Ltd
➕ The math fun doesn’t stop here – check out Code & Tools below for a neat project (KaTeX) for rendering math notation on the Web very quickly.
Plasmo: ‘It’s Like Next.js for Browser Extensions’ — A React and TypeScript oriented framework for building your own browser extensions complete with live-reloading, automated deployment to the main browser extension marketplaces, etc.
The latest VS Code update is out. TypeScript 4.7 is included and, more excitingly, Go to Definition now jumps to the JS implementation of functions and symbols in external libraries rather than the type definitions.
SAFARI: Apple’s developer conference, WWDC, is currently underway and new WebKit/Safari features are on show in Safari 16 Beta. There’s support for Web Inspector Extensions and support for Shared Workers, service workers that can be shared between browsing contexts. We can expect Web Push support in 2023, too.
GitHub is introducing the idea of Achievements where you earn badges for achieving as yet undefined goals.
Software Engineer at Blueground (Remote) — Help us build the world’s leading next-gen platform for home rentals and shape the future of living.
📒 Articles & Tutorials
Building Framework Interoperable Web Components — If you use different frameworks like React, Svelte, Vue, etc. it’s common to pick a component library that suits each one, but what if you could write such components once in a framework agnostic way and use them wherever you want? Web Components provides an approach.
Feroot Security sponsor
Running Windows/ARM on Apple Silicon Macs via UTM — Are you a macOS user who wants to spin up Windows to see how Node.js works there, how tooling feels, etc? Dr. Axel has some tips.
Dr. Axel Rauschmayer
🛠 Code & Tools
KaTeX 0.16.0: The Fastest Math Typesetting Library for the Web — Hundreds of expressions to render on a single page? No problemo and no dependencies either despite supporting many TeX functions. There’s a sandbox demo page.
Emily Eisenberg and Sophie Alpert
Timeline JS: Create Useful Timelines for the Web — Built by a journalism lab at a university, this is not aimed at expert developers but folks who just need to tell a story or show off some data online. Here’s an example showing a timeline of Whitney Houston’s life.
Northwestern University Knight Lab
Self-Hosted, Open-Source Firebase Alternative — Appwrite provides APIs that cover your core backend needs. Build secure and fast with Appwrite. Click to learn more.
Fastify 4.0 Released: A Node.js Webapp Framework — The first major release of a popular, high performance Node.js Web framework in two years warrants some celebration. A focus has been placed on stabilization, modernization, and improving the already quite stable developer experience, rather than flashy new features, although this post does cover a few updates.
pretty-ms: Convert Milliseconds to Human Readable Strings — 1337000000 → 15d 11h 23m 20s
qnm: CLI Utility for Looking at node_modules Directories — The goal is to make it easier to see what’s going on in a node_modules directory of choice including letting you search for packages. Supports both npm and Yarn.
Shortcut (formerly Clubhouse.io) sponsor
is-online 10.0: Check if The Internet Connection is Up — Works in both Node.js and the browser and uses different approaches to check if the Internet is really available. Now a pure ES module.