---
title: "SolidJS is off to a solid start"
publication: "JavaScript Weekly"
issue: 689
published_at: "2024-05-23"
canonical_url: "https://javascriptweekly.com/issues/689"
---

Plus Angular 18 lands, raycasting in 256 bytes, and Vercel goes triple unicorn. |        

#​689 — May 23, 2024 

[Read on the Web](https://javascriptweekly.com/issues/689)  

Together with [![WorkOS\](https://res.cloudinary.com/cpress/image/upload/c_fill,g_auto,w_514,h_98/e_make_transparent/co_white,e_outline:9/tdfxwgk852ui9leli4wm.png)](https://workos.com/?utm_source=cpjavascript&utm_medium=newsletter&utm_campaign=q22024)   

JavaScript Weekly 

[![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/itlesgqryzibpq5ejtgy.jpg)](https://www.amygoodchild.com/blog/cursive-handwriting-in-javascript)  

[Creating Realistic Handwriting with p5.js](https://www.amygoodchild.com/blog/cursive-handwriting-in-javascript) — 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.](https://p5js.org/) Here's how. 

Amy Goodchild   

[SolidStart 1.0: The Shape of Frameworks to Come?](https://www.solidjs.com/blog/solid-start-the-shape-frameworks-to-come) — [SolidJS](https://www.solidjs.com/) 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   [![\](https://copm.s3.amazonaws.com/447df3fe.png)](https://workos.com/?utm_source=cpjavascript&utm_medium=newsletter&utm_campaign=q22024) 

[WorkOS: Enterprise-Grade Auth You Can Implement in Minutes](https://workos.com/?utm_source=cpjavascript&utm_medium=newsletter&utm_campaign=q22024) — 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](https://blog.angular.dev/angular-v18-is-now-available-e79d5ac0affe) — The large-scale framework got a big public revival last year with [Angular 17](https://blog.angular.dev/introducing-angular-v17-4d7033312e4b) and its [new homepage.](https://angular.dev/) 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](https://go.dev/) language? One JavaScript developer did and [shared their first impressions.](https://gebna.gg/blog/javascript-developer-tries-golang)
- Remix's Ryan Florence [has posted an update](https://remix.run/blog/incremental-path-to-react-19) to clear up any confusion around the so-called 'merging' of React Router and Remix.
- [Vercel has raised $250m](https://www.reuters.com/technology/vercel-completes-250-mln-series-e-round-325-bln-valuation-2024-05-16/) in a Series E round, valuing it at $3.25bn.
- [The maintainer of the Node LDAP library has decommissioned it](https://github.com/ldapjs/node-ldapjs#readme) after vile abuse. If you're having trouble with an open source project, be nice.
- 🗳️ The [2024 Stack Overflow Developer Survey](https://stackoverflow.az1.qualtrics.com/jfe/form/SV_6rJVT6XXsfTo1JI) is now live until June 7.   

**RELEASES:** 

- [Next.js 15 Release Candidate](https://nextjs.org/blog/next-15-rc)
- [ESLint v9.3.0](https://eslint.org/blog/2024/05/eslint-v9.3.0-released/)
- [Node.js v18.20.3 (LTS)](https://nodejs.org/en/blog/release/v18.20.3)  

📒 Articles & Tutorials 

[![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/y12gberpkkivfsubmlb6.jpg)](https://frankforce.com/city-in-a-bottle-a-256-byte-raycasting-system/)  

[City in a Bottle: Raycasting in 256 Bytes](https://frankforce.com/city-in-a-bottle-a-256-byte-raycasting-system/) — 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](https://frankforce.com/dissecting-a-dweet-9-city-sunset/) a few years ago is fantastic too.  

[5 Easy Tips to Improve Your Personal Website Performance](https://blog.sentry.io/5-easy-tips-to-improve-your-personal-website-performance/?utm_medium=paid-community&utm_source=javascriptweekly&utm_campaign=fy25q2-jtbd-perf&utm_content=newsletter-jtbd-perf-learnmore) — 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](https://www.youtube.com/watch?v=PYHBHK37xlE) — Last week we mentioned [the open sourcing of the new React Compiler](https://react.dev/learn/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](https://react.dev/blog/2024/05/22/react-conf-2024-recap) if you want to get up to speed.  

[Chrome DevTools Offers AI for Understanding Errors and Warnings](https://developer.chrome.com/docs/devtools/console/understand-messages) — 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](https://blog.jiayihu.net/comprenhensive-guide-chrome-performance/) — 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 🥳](https://link.testdouble.com/7nn) — 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](https://lazamar.github.io/virtual-dom/) – A way to understand the basics behind the concept. Marcelo Lazaroni 

📄 [ECMAScript Proposal: Duplicate Named Capturing Groups for Regular Expressions](https://2ality.com/2024/05/proposal-duplicate-named-capturing-groups.html) Dr. Axel Rauschmayer 

📄 [Digging Into an Arbitrary JS Execution Vulnerability in PDF.js](https://codeanlabs.com/blog/research/cve-2024-4367-arbitrary-js-execution-in-pdf-js/) Codean Labs 

📄 [The Dilemmas You'll Face When Creating a Component Library](https://github.com/andrico1234/the-dilemmas-youll-face) Andrico Karoulla 

📄 [Branded Types for TypeScript](https://www.carlos-menezes.com/post/branded-types) Carlos Menezes  

🛠 Code & Tools 

[![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/iitzswapahq2m5hcvzvh.jpg)](https://szimek.github.io/signature_pad/)  

🖋️ [Signature Pad 5.0: Smooth Signature Drawing Control](https://szimek.github.io/signature_pad/) — 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.](https://github.com/szimek/signature_pad) 

Szymon Nowak   

[VitePress 1.2: Vite & Vue Powered Static Site Generator](https://vitepress.dev/) — 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](https://fusionauth.io/blog/why-passkeys-matter?utm_medium=newsletter&utm_source=jsweekly&utm_campaign=may24_newsletter) — 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](https://github.com/MrRefactoring/jira.js) — Love [Jira](https://www.atlassian.com/software/jira)? Become even happier by interacting with it with code. [Docs and examples.](https://mrrefactoring.github.io/jira.js/) 

Vladislav Tupikin   

[![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/u3hy3mz8ep0mgbdut7je.jpg)](https://brainchop.org/)  

- [Brainchop 4.0](https://github.com/neuroneural/brainchop) _(above)_ – An in-browser 3D MRI rendering system. ([Demo.](https://brainchop.org/))
- [Redwood 7.6](https://github.com/redwoodjs/redwood/releases/tag/v7.6.0) – GraphQL-driven React framework. Now with experimental React Compiler support.
- [Axios 1.7](https://github.com/axios/axios) – Long-standing, promise-based isomorphic HTTP client.
- [Safe Units 2.0](https://jscheiny.github.io/safe-units/) – Type-safe library for using units of measurement.
- 🖋️ [Atrament 4.4](https://github.com/jakubfiala/atrament) – Library for smooth drawing on HTML canvases.
- ♟︎ [React Chessboard 4.6](https://github.com/Clariity/react-chessboard) – Render chess boards with React. ([Demo.](https://react-chessboard.vercel.app/?path=/story/example-chessboard--play-vs-random))
- [ka-table 10.0](https://github.com/komarovalexander/ka-table) – Lightweight React table component. ([Demos.](https://komarovalexander.github.io/ka-table/#/overview))
- [jQuery Terminal Emulator 2.42](https://github.com/jcubic/jquery.terminal) – For web-based terminal experiences. ([Demo.](https://terminal.jcubic.pl/#demo))
- [Abracadabra 9.2](https://marketplace.visualstudio.com/items?itemName=nicoespeon.abracadabra#abracadabra) – Automated JS and TS refactorings for VS Code.         

Published by [Cooperpress](https://cooperpress.com/) and edited by [Peter Cooper](https://twitter.com/cooperx86) 

'JavaScript' is a trademark of Oracle Corporation in the US
We are not endorsed by or affiliated with Oracle. 

[Change your email address](https://javascriptweekly.com/edit_subscription/*|UID|*) or [stop getting this newsletter](https://javascriptweekly.com/leave/*|UID|*). 

© Cooper Press Ltd · Fairfield Enterprise Centre, Louth, LN11 0LS, United Kingdom