Skip to content

Solid.js

January 9, 2025
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

SolidStart 1.0: The Shape of Frameworks to Come | SolidJS
The First Post-React Framework Just Launched - YouTube 2024-05, 1.0

SolidStart Beta 2 · solidjs/solid-start · Discussion #1052 · GitHub
Solid.js Just Got WAY Better - YouTube 2023-12, 1.0-beta2