#650 — August 3, 2023
This reminds me of the guy who scraped pages by dumping heap snapshots from the browser – another fun post if you enjoy low level spelunking.
VanJS 1.0: A 1KB Reactive UI Framework Without React/JSX — VanJS is particularly light and elegant, and its author has put some serious effort into documenting it and offering tools to convert your HTML to its custom format. This week’s v1.0 release is a relatively big step forward for what is still a young project. GitHub repo.
SpreadJS from GrapeCity sponsor
Andy Jiang (Deno)
⚡️ IN BRIEF:
A social engineering campaign that targets tech employees has been spreading through npm malware, claims Feross Aboukhadijeh of Socket.
Radix UI is now available in Vue thanks to Radix Vue.
Firefox 116’s DevTools now support Custom Object formatters. This feature, long supported by Chrome, lets sites determine how certain types of object representation are formatted in the console and debugger.
The Svelte project has posted its latest monthly update. There’s a lot going on in the Svelte world right now.
Logging and Tracing Re-invented. Stop Sampling, Get Axiom —
“In the beginning there was stdout….” Get started for free, or get 1tb for $25/mo.
Backbone 1.5 – Yes. Really. And it’s still a thing of beauty.
Shoelace 2.6 – Popular suite of agnostic UI Web Components.
Prisma 5.1 – Next-gen Node.js + TypeScript ORM.
eslint-config-prettier 8.10 – Turn off ESLint rules that clash with Prettier.
📒 Articles & Tutorials
Understanding React Server Components — If you’ve struggled to get your head around the ideas involved, and Dan Abramov’s ‘let’s recreate RSCs from scratch’ went too deep, this is a good, high-level explanation of the fundamentals covering what problems RSCs solve, why you might use them, and how Next.js makes it all easier.
Alice Moore (Vercel)
Type vs Interface: Which Should You Use in 2023? — Learn the key differences between interfaces and type aliases in TypeScript, including their use cases and important features to consider.
José Dapena Paz (Igalia)
‘If Web Components Are So Great, Why Am I Not Using Them?’ — Do Web Components have a marketing problem? Dave thinks so, and shares what he thinks the issues are for this slowly-adopted technology.
▶ How to Build a Drag-and-Drop Kanban Board — A complete screencast walkthrough of using React to build a Trello-like app based around the familiar Kanban board pattern. It also serves as an introduction to the dnd-kit drag-and-drop toolkit.
Everything Mux Learnt Migrating 50K Lines of Code to React Server Components
Darius Cepulis (Mux)
🛠 Code & Tools
tsup 7.2: Bundle Your TypeScript Library with No Config — Throw your .js, .json, .mjs, .ts, and .tsx files at the esbuild-powered tsup and say hello to transpiled, bundled code for distribution. More in this tutorial.
Vite React Boilerplate: A Production Ready Starter Template — A new ‘batteries included’ Vite + React app template that leans upon, well, a lot of batteries from Zustand to Zod to Storybook.
Hackathon Starter 8.0: A Boilerplate for Node Web Apps — For when you might want to start building a Node app quickly (like at a hackathon, say) including key features like auth/OAuth, Bootstrap 5, account management, email forms..
OGL 1.0: A Minimal WebGL Framework — WebGL is far from the easiest technology to use on its own, so libraries like Three.js are often used to make it more accessible. OGL has a similar motive to Three.js while remaining far closer to the WebGL metal.
Nathan Gordon et al.
🧑💻 Got a job listing to share? Here’s how.
Marked 6.0 – Fast Markdown parser and compiler. Now rewritten in TypeScript.
Tremor 3.6 – React library for building dashboards.
Octokit.js 3.1 – ‘Batteries-included’ GitHub SDK.
React Image Gallery 1.3 – Image gallery carousel component.
YouTube.js 5.8 – Library to use YouTube’s private API.
🐴 Let’s hit the Oregon Trail
The Oregon Trail was a 2000+ mile wagon route used by traders and migrants headed west in the early days of the United States. It was also a hugely popular computer game that, more often than not, ended in disaster for the virtual settlers whose lives you directed.
Particularly popular on the Apple II and early Macs, you can give the game a spin via the following project:
Macintosh.js: A Virtual Macintosh Running via Electron — An impressive virtual machine emulating a 1991 Macintosh Quadra 900 with System 8, all running in Electron. We linked to this several years ago but it’s had some updates since then and runs faster than before. As well as a few games, such as Oregon Trail, there are a variety of apps pre-installed, including a trial of Adobe Photoshop 3 which starts up faster than my real Photoshop now.. (Download necessary since it’s an Electron app and all..)
Felix Rieseberg, Apple, et al.