Ditch the DOM with SolidJS and Skia CanvasKit

1

Vite

I had previously done some explorations into SolidJS and universal rendering where I tried to create a ThreeJS version (before I realized one existed). That project was basically a monorepo with a package for the universal renderer, and a “demo” Vite app to test the renderer. I basically just created a new Vite app using their SolidJS template. And for the monorepo — I just copied from my mountain of previous monorepo code.

#Software Development #Web Frameworks #Developer Tools 373 social mentions

2

Three.js

After a little research, I found that someone has already beat me to it for React — react-canvaskit. This implementation used react-reconciler to create a custom renderer for React. This is the same process used by **react-three-fiber** (aka R3F) to bring ThreeJS elements to the React VDOM/lifecycle (e.g. When you use ).

#Javascript UI Libraries #Flowcharts #Org Charts 229 social mentions

3

Skia

If you haven’t heard of Skia, it’s used in Chrome and Android for rendering graphics (like SVGs). It’s a C++ library that you can use to “draw” shapes, text, and other elements to a “canvas” (like the DOM’s or even a virtual canvas for rendering server-side in Node).

#Development #Photos & Graphics #Tool 21 social mentions

4

Next.js

#Developer Tools #Web Frameworks #JavaScript Framework 918 social mentions