#689 — May 23, 2024
JavaScript Weekly
Creating Realistic Handwriting with p5.js — Amy wanted to programatically bring her (cursive) handwriting into some diagrams she was making and figured out how to make it happen with p5.js. Here’s how.
Amy Goodchild
SolidStart 1.0: The Shape of Frameworks to Come? — SolidJS is a React-inspired declarative UI library but with a performance focus and templates compiled to real DOM nodes receiving direct DOM updates – no VDOM. SolidStart is a framework for building and deploying SolidJS apps with many compelling features right out of the box.
SolidJS Core Team
WorkOS: Enterprise-Grade Auth You Can Implement in Minutes — Like an enterprise plan in a box: WorkOS provides flexible, easy-to-use APIs to integrate SSO, SCIM, Audit Logs, User Management, and more. Used by some of the hottest startups including Perplexity, Vercel, & Webflow. Future-proof your auth stack with WorkOS.
WorkOS sponsor
Angular v18 Released — The large-scale framework got a big public revival last year with Angular 17 and its new homepage. Things continue to progress with experimental support for zoneless change detection and the new built-in control flow approach becoming stable.
Minko Gechev
IN BRIEF:
Ever considered trying the Go language? One JavaScript developer did and shared their first impressions.
Remix’s Ryan Florence has posted an update to clear up any confusion around the so-called ‘merging’ of React Router and Remix.
Vercel has raised $250m in a Series E round, valuing it at $3.25bn.
The maintainer of the Node LDAP library has decommissioned it after vile abuse. If you’re having trouble with an open source project, be nice.
🗳️ The 2024 Stack Overflow Developer Survey is now live until June 7.
RELEASES:
📒 Articles & Tutorials
City in a Bottle: Raycasting in 256 Bytes — Frank has a great reputation for putting together stunning visual demos with the tiniest amounts of JavaScript. This is no exception. He goes into a lot of detail about how it works; you’ll learn a few things and/or come away awe-struck.
Frank Force
🌆 His dissection of a similar visual demo a few years ago is fantastic too.
5 Easy Tips to Improve Your Personal Website Performance — Salma Alam-Naylor shares easy ways to give your personal website (and all other websites, in fact) a performance boost.
Sentry sponsor
▶ The React Compiler: Going In-Depth — Last week we mentioned the open sourcing of the new React Compiler, but if you want to see it in action, this is for you. Jack’s excitement is palpable.
Jack Herrington
💡 Ricky Hanlon of the React team has put together a fantastic recap of last week’s React Conf 2024 if you want to get up to speed.
Chrome DevTools Offers AI for Understanding Errors and Warnings — Not everyone is going to like this, but it’s optional. Also: the first Chrome feature that requires you be over 18?
Guo, Emelianova, and Yeen (Google)
📊 A Guide to JS Performance Analysis with Chrome DevTools — If your prefer your debugging experience AI-free, rest easy. This is a thorough walkthrough of the practicalities of using the Chrome DevTools for digging into performance issues.
Jiayi Hu
Software Consultants Your Team Actually Wants to Work with 🥳 — Test Double solves tough problems from strategy to execution. Weekly rates. Open contracts. No management required.
Test Double sponsor
📄 Creating a Virtual DOM in 200 Lines of JavaScript – A way to understand the basics behind the concept. Marcelo Lazaroni
📄 ECMAScript Proposal: Duplicate Named Capturing Groups for Regular Expressions Dr. Axel Rauschmayer
📄 Digging Into an Arbitrary JS Execution Vulnerability in PDF.js Codean Labs
📄 The Dilemmas You’ll Face When Creating a Component Library Andrico Karoulla
📄 Branded Types for TypeScript Carlos Menezes
🛠 Code & Tools
🖋️ Signature Pad 5.0: Smooth Signature Drawing Control — If you need people to give you their John Hancock on the web, use this to let them make their unintelligible, but legally binding, scribbles. GitHub repo.
Szymon Nowak
VitePress 1.2: Vite & Vue Powered Static Site Generator — From the creator of both Vue.js and Vite, a Markdown-oriented static site generator with a particularly smooth developer experience.
Evan You
Ditch Passwords for Good: Embrace the Future of Secure Login with Passkeys — Ditch passwords for passkeys, the secure biometric login solution eliminating password pain while fortifying user accounts.
FusionAuth sponsor
Jira.js 4.0: A Wrapper for Atlassian Jira’s Cloud APIs — Love Jira? Become even happier by interacting with it with code. Docs and examples.
Vladislav Tupikin
Brainchop 4.0 (above) – An in-browser 3D MRI rendering system. (Demo.)
Redwood 7.6 – GraphQL-driven React framework. Now with experimental React Compiler support.
Axios 1.7 – Long-standing, promise-based isomorphic HTTP client.
Safe Units 2.0 – Type-safe library for using units of measurement.
🖋️ Atrament 4.4 – Library for smooth drawing on HTML canvases.
♟︎ React Chessboard 4.6 – Render chess boards with React. (Demo.)
ka-table 10.0 – Lightweight React table component. (Demos.)
jQuery Terminal Emulator 2.42 – For web-based terminal experiences. (Demo.)
Abracadabra 9.2 – Automated JS and TS refactorings for VS Code.