Solid for React Developers
summary
Compares React and Solid by name and shows concrete code: use of createSignal/getter functions, derived signals, createEffect and createMemo, and a working counter and interval example that expose three common pitfalls — signals must be called as functions, props must not be destructured, and the component function is called once. Explains Solid’s compiled templates (no virtual DOM), Create Store, batch updates, directives (use field) that wire inputs to libraries, Solid Start for SSR, and claims noticeably faster, surgical DOM updates in benchmarks.
AI-written summary · about
chapters (13)
- 0:00Introduction to Solid.js
- 1:24Imperative vs Declarative Programming
- 3:54What Are Signals?
- 7:05React vs Solid Components
- 9:55Component Lifecycle in Solid
- 12:26Handling Props in Solid
- 14:13Common Hooks in React vs Solid
- 17:02Flow Control in Solid
- 19:06Styling and Class Props
- 21:34Lifecycle Methods in Solid
- 22:15Lightning Round of APIs
- 24:45Performance Comparison
- 26:07Conclusion and Recommendations
related talks
29mSolidJS for React Developers
18mIntro to Solid.js for React Developers (or anyone else)
34mRendering Dilemma: Reacting to State Change
29mSolidJS - Reactive JSX
19mSolidJS: Reactivity Unchained
51mSolidJS - Getting Started
28mSignals: What, How, and Why!
17mSupercharging React Performance with JavaScript Signal Optimisation