Skip to content

Solid.js

September 29, 2023
August 23, 2022

Svelte is to Vue as Solid is to React
Both Svelte and Solid are compiler driven variants of their counterparts
Uses JSX and more performant
Reactivity, not lifecycle hooks; no more gotchas in useEffect()

SolidJS · Reactive Javascript Library
solidjs/solid: A declarative, efficient, and flexible JavaScript library for building user interfaces.
Solid in 100 Seconds - YouTube

Flattening
Reactive, Use Effect on site
The point of use causes reactivity (and re-rendering)
No re-rendering of component
No need memorization
!Destructuring props loses reactivity

An Intro to Solid.js for React Developers
SolidJS: Reactivity to Rendering - JavaScript inDepth
Hands-on with SolidJS | InfoWorld

Introduction to Reactivity with SolidJS - YouTube
The World Beyond Components, by Ryan Carniato - YouTube

Let's Learn SolidJS - YouTube
Solid.js feels like what I always wanted React to be | TypeOfNaN

How we wrote the Fastest JavaScript UI Framework, Again! | by Ryan Carniato | Level Up Coding
JavaScript UI Compilers: Comparing Svelte and Solid | by Ryan Carniato | Medium

Ryan Carniato - YouTube

Starter Kit

#SolidStart
vite#Templates

solidjs/templates: Vite + solid templates

npx degit solidjs/templates/js js-demo
npx degit solidjs/templates/ts ts-demo

Ecosystem

solidjs-community/solid-primitives: A library of high-quality primitives that extend SolidJS reactivity.

SolidStart

as to Next.js to React

What is SolidStart?
solidjs/solid-start: SolidStart, the Solid app framework
Introducing SolidStart w/ Nikhil Saraf - YouTube
a solid start - YouTube
STREAM VOD: SOLID START SHIPPED!!! CHAT W/ RYAN CARNIATO - YouTube 2022-11