#611 — October 21, 2022
Metaprogramming with the 2022-03 Decorators API — If you’re a Python developer, you’ll be miles ahead on this idea. If not, decorators provide a way to manipulate classes, fields, methods, and accessors at define time to give them extra, amended, or wrapped functionality or behavior. The proposal is at stage 3 at TC39, is supported by Babel, and will soon be supported by TypeScript, so why not get up to speed with Dr. R.
Dr. Axel Rauschmayer
Node.js 19 (Current) Released — We did a big feature in yesterday’s Node Weekly, but in short, this is the new, edgiest ‘Current’ non-LTS Node.js release which gains a Nodemon-esque –watch mode, HTTP KeepAlive on by default, stable WebCrypto API, and a bump to V8 10.7. Node 18 goes Active LTS next week.
The Node.js Project
Your Source for Candid Chats on Product, Business & Leadership — If you’re looking for insights on how to get to a successful product launch, why being vulnerable can help make you a better leader, or how to ship software with realistic deadlines, the Postlight Podcast is for you.
The Postlight Podcast sponsor
A Real World React to htmx Migration Story — htmx is a library that ‘turbo charges’ HTML by letting you use numerous JS and Web API features via custom HTML attributes. Here a Python-based team shows how it worked better for them than a more common React approach.
Qianqian Ye and Contributors
One of Emotion‘s contributors kicked off a few lunchtime conversations by explaining why his team is ‘breaking up’ with CSS-in-JS. As no-one says but me, what’s new is old again.
Not been keeping an eye on browser devtool developments? Patrick Brosset has a Halloween-themed ‘What’s New in DevTools’ roundup 👻
The React world is discussing a proposal to add first class support for promises and async/await in client and server components.
Two Storybook (the component dev tool) updates: they’re baking in first-class Vite support to v7, and they have a newly designed site (it’s here.)
🎤 Two developers ▶️ discuss jQuery’s relevance and ask ‘is it really so bad?’
📅 Live Event: Visual Workflow Automation, Now with Code — No more one-off scripts, CRON jobs, or ETL tasks. Reclaim your time and build automation like a developer.
Prisma 4.5 – Modern ORM for Node & TypeScript.
Mocha 10.1 – Test framework for Node & browser.
SolidJS 1.6.0 – VDOM-less reactive frontend UI library.
📒 Articles & Tutorials
Creating a World-Class Code Playground with Sandpack — CodeSandbox’s Sandpack is a toolkit for creating ‘live code editor’ components. Josh Comeau shows off how to use it to good effect to boost your blog posts, courses, and the like.
Josh W Comeau
Mannan Tirmizi (Snyk)
‘What if the Team Hates My Functional Code?’ — I think most folks who’ve been bitten by the functional programming bug have eventually run into problems when convincing other developers it’s the way to go. James provides some soothing perspective.
Jos de Jong
Tutorial: Add SSO & Access Control to Your Node.js App
▶ Effortless End-to-End Type-Safety with Phero — A ten-minute demonstration of a library providing a type-safe TypeScript-based way to communicate between frontend and backend. GitHub repo.
Modern CSS in Angular: Layouts
How to Use Google Sheets as a Database from React with Serverless
Building a Chat App with Socket.io and React Native
How to Use storage in Web Extensions
🛠 Code & Tools
route-list: CLI Tool to Display Express/Koa/Hapi/Fastify Routes — If you’ve got a Node-based webapp and you want to see all of its endpoints in an elegant way, here’s an option.
TypeRunner: A High-Performance TypeScript Compiler — The TypeScript project already has its own compiler (tsc – written in TypeScript itself) but this is an independent C++ (no, not Rust for once!) attempt at making type checking even faster. If you’re asking “why”: they have an answer for that.
Marc J. Schmidt
Strong CAPTCHA: A Secure and Scalable Way to Fight Fraud — Learn how to combat CAPTCHA fraud without sacrificing user experience.
Angular Starter: Angular 14 plus Storybook, Transloco, Jest, and More — Everything but the kitchen sink?
↳ BBC component for interacting with audio waveforms.
↳ Write your presentations in HTML. (Demo.)
↳ Full, scoped CSS support for JSX.
↳ Interpolate between SVG path variations.
lowdb 4.0 – Simple local JSON database.
twgl.js 5.1 – Low-level WebGL helper library.
PSD 0.3 – Fast Photoshop/PSD file parser.
SVGuitar 2.0 – Create guitar chord charts.
Doppler – A SecretOps Platform Built by Developers for Developers — Doppler’s looking for Sr. Full-Stack Engineers to help shape the future of security devtools. TypeScript, React, Express, and Go, apply here.