Intro to Solid.js for React Developers (or anyone else)
summary
Solid.js replaces a virtual DOM with createSignal/createEffect/createMemo primitives so components run once and updates are "surgically" applied to dependents; JSX compiles to wiring that avoids dependency arrays. Practical notes: module-level signals make simple global state, use control-flow components like Show instead of early returns, never destructure props (use splitProps/mergeProps), and you don’t need useRef/useCallback. Mentions a linter, ecosystem, and Solid Start meta-framework.
AI-written summary · about
chapters (18)
- 0:00Intro to Solid.js
- 1:01Speaker and Solid.js basics
- 2:46Solid.js vs React
- 3:06Virtual DOM vs reactivity
- 4:52Solid.js primitives
- 5:35Signals, effects, and memos
- 7:20Counter example
- 8:23Global state
- 9:30Gotchas for React devs
- 10:33Avoid early returns
- 11:39Reactive logic placement
- 12:42Destructuring props pitfalls
- 14:08Safe props handling
- 14:31No useRef or useCallback
- 15:13Solid.js linter vs React
- 15:36Why learn Solid.js
- 16:42Solid.js ecosystem
- 17:23Resources to learn Solid.js
