David K. 🎹
LightNews LightNews
davidkpiano.bsky.social
David K. 🎹
@davidkpiano.bsky.social
8.8K followers 120 following 32 posts
State machine. Building stately.ai
Posts Replies Media Videos
davidkpiano.bsky.social
⚛️ XState Store now has atoms, and they're *really* simple.

→ atom.get()
→ atom.set(…)
→ Derived atoms (reactive)
→ Async atoms
→ Stores are atoms too!

npm i @xstate/store

stately.ai/docs/xstate-...
// Regular atoms const countAtom = createAtom(1); countAtom.get(); // 1 const flavorAtom = createAtom('chocolate'); // Derived atom that combines both const donutMessageAtom = createAtom(() => { const count = countAtom.get(); const flavor = flavorAtom.get(); return `${count} ${flavor} donut${count === 1 ? '' : 's'}`; }); console.log(donutMessageAtom.get()); // "1 chocolate donut" countAtom.set(3); console.log(donutMessageAtom.get()); // "3 chocolate donuts" flavorAtom.set('strawberry'); console.log(donutMessageAtom.get()); // "3 strawberry donuts" import { createAsyncAtom } from '@xstate/store'; const donutOrderAtom = createAsyncAtom(async () => { const order = { flavor: 'glazed', quantity: 12 }; const data = await submitDonutOrder(order); return data; }); donutOrderAtom.subscribe((state) => { if (state.status === 'pending') { console.log('🧾 Placing your order...'); } else if (state.status === 'done') { console.log('🍩', state.data); } else if (state.status === 'error') { console.log('😢 Order failed:', state.error); } });
May 13, 2025 at 2:38 PM
davidkpiano.bsky.social
Software estimation is hard
Flight delayed to estimated at undefined undefined
May 5, 2023 at 9:03 PM