Ripple: the Good Parts of React, Svelte, and Solid
summary
Ripple claims to combine Svelte and Solid style fine-grained reactivity with a JSX-like surface, using a compiler plus a tiny runtime so updates touch only dependents instead of rerunning components. It introduces track and ampersand as the reactive primitives (lazy destructuring keeps props reactive), supports derived values via track(callback), has an escape hatch called untrack, ships as TypeScript-first, and already runs common patterns like counters and loops with normal ++ and for syntax.
AI-written summary · about
chapters (16)
- 0:00Introduction to Ripple
- 1:27Late stage React explained
- 3:54What is reactivity really
- 5:39Coarse vs fine-grained reactivity
- 7:02React vs reactive values
- 9:06Svelte and Solid deep dive
- 10:33Introducing Ripple framework
- 12:19Ripple’s new primitives
- 13:43Ripple components vs React
- 14:47Flow control in Ripple
- 16:51TSRX plugin for JSX
- 17:12State management in Ripple
- 17:57Derived state with track
- 18:18Effects and untrack
- 19:22Why Ripple exists
- 20:25Future of framework innovation
related talks
24mSvelte: the last framework we need?
19mSolidJS: Reactivity Unchained
29mResponsive Svelte (exploring Svelte's reactivity)
06mEmbracing Reactivity: Signals Unveiled in Modern Web Frameworks
37mRethinking reactivity
12mReactive programming. Svelte way
17mSupercharging React Performance with JavaScript Signal Optimisation
48mSvelte, or Why I No Longer Want to Do React