SolidJS: Reactivity Unchained
summary
SolidJS claims fine‑grained reactivity that replaces a virtual DOM with no virtual DOM and components only run once. The runtime uses signals and createEffect (plus createMemo, createStore, createResource) to update only the text nodes that change; a demo shows a hello/greet DOM example, shared state across component instances, list helpers for stable item updates, and a todo app that updates items without rerunning filters. Core reactivity fits in about 50 lines of code and the demos work as shown.
AI-written summary · about
chapters (11)
- 0:00SolidJS intro
- 1:48Components & reactivity
- 4:37Signals & fine-grained
- 7:05How reactivity works
- 9:58DOM example with signals
- 12:05Creating components
- 13:49State & props in Solid
- 15:16Real DOM & lists
- 16:20Composability in Solid
- 16:41Revisiting To-Do app
- 18:29Reactive advantage
related talks
29mSolidJS - Reactive JSX
51mSolidJS - Getting Started
18mIntro to Solid.js for React Developers (or anyone else)
06mEmbracing Reactivity: Signals Unveiled in Modern Web Frameworks
29mThe World Beyond Components
28mSolid for React Developers
31mThe World Beyond Components
17mDissecting Reactivity Signals Vs vDOM