Dominic Gannaway
LightNews LightNews
trueadm.dev
Dominic Gannaway
@trueadm.dev
2.1K followers 130 following 210 posts
I'm a software engineer at Attio. Author of Inferno, Lexical and Ripple. Former React core team engineer, and core maintainer of Svelte.
Posts Replies Media Videos
trueadm.dev
RippleJS has improved quite a bit! 🔥

- new reactivity syntax that uses `track` and @
- support for index and keyed for loops
- `clsx` built in to class attributes
- #[] and #{} shorthand for TrackedArray and TrackedObject - <head> support
- many, many bug fixes
export component App() { // This is a tracked array using #[] syntax let cities = #['London', 'New York', 'Tokyo', 'Sydney']; // index and key syntax has shipped for (const city of cities; index i) { <div>{i + ' - ' + city}</div> } <button onClick={() => { cities.push(randomCity()); }}>{"Add random city"}</button> <head> <title>{"You can also update the title!"}</title> </head> }
October 1, 2025 at 8:09 PM
trueadm.dev
Shows the code: ```js export component App() { let $show = true; <div class="container"> <h1>{"Inferno X"}</h1> let $count = 0; let $double = $count * 2; <button onClick={() => { $count += 1; }}>{'Count: ' + $count}</button> <span>{'Double: ' + $double}</span> if ($show) { <div>{"Showing"}</div> } <button onClick={() => { $show = !$show; }}>{$show ? 'Hide' : 'Show'}</button> </div> } ```
May 28, 2025 at 11:43 PM