David K. πΉ
@davidkpiano.bsky.social
π€ 8736
π₯ 116
π 32
State machine. Building stately.ai
reposted by
David K. πΉ
CSS-Tricks*
about 1 month ago
A dash of modern CSS accomplishes so many things that used to require abstractions, dependencies, and tricks (wink, wink). This one from Christian Sabourin is a great example: custom properties, clamp()-ing, calc()-ing, counters, relational pseudo selectors, etc.
css-tricks.com/css-elevator...
loading . . .
CSS Elevator: A Pure CSS State Machine With Floor Navigation | CSS-Tricks
In this article, author Chris Sabourin walk through how modern CSS features can build a fully functional, interactive elevator that knows where it is, where itβs headed, and how long itβll take to get...
https://css-tricks.com/css-elevator-a-pure-css-state-machine-with-floor-navigation/
0
14
3
reposted by
David K. πΉ
Jason Lengstorf
3 months ago
the latest Web Dev Challenge is available to everyone!
@algolia.bsky.social
asked 3 teams of devs to imagine what the UX of an AI-native web app might look like. featuring
@davidkpiano.bsky.social
,
@shaw.city
, Nadirah,
@aguywhocodes.com
, Syscily, and Camille, with
@chuckm.bsky.social
loading . . .
Build the Future of AI-Native UX in 4 Hours | Web Dev Challenge Season 2
How will websites evolve if it's all powered by AI?
https://codetv.link/wdc/s2e6
0
13
9
reposted by
David K. πΉ
Jason Lengstorf
3 months ago
new Web Dev Challege is up early for supporters! watch Syscily, Camille, Nadirah,
@aguywhocodes.com
,
@shaw.city
, and
@davidkpiano.bsky.social
as they imagine what UX might look like in an AI-native app, sponsored by
@algolia.bsky.social
with
@chuckm.bsky.social
as our advisor
codetv.link/wdc/s2e6
loading . . .
Build the Future of AI-Native UX in 4 Hours | Web Dev Challenge Season 2
How will websites evolve if it's all powered by AI?
https://codetv.link/wdc/s2e6
1
13
4
reposted by
David K. πΉ
Jason Lengstorf
3 months ago
helping the Keyframers reunion happen over here
@davidkpiano.bsky.social
@shaw.city
4
29
4
βοΈ 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-...
5 months ago
1
33
7
reposted by
David K. πΉ
Jason Lengstorf
9 months ago
I like state machines. I still struggle a bit to get my mind bent into state machine shape, but Iβm always so happy with the quality of what I build when I do
5
79
2
reposted by
David K. πΉ
Ben Holmes
9 months ago
That's it, I'm switching to xstate store
6
65
4
How would you simplify XState? Planning for the next major version, and would love to hear your thoughts and ideas βοΈ
10 months ago
7
18
1
reposted by
David K. πΉ
The Angular Plus Show
10 months ago
Join us on today's episode as we interview David Khourshid
@davidkpiano.bsky.social
. We will learn about state machines and how XState plays nice with
#Angular
right out of the box!
#ngconf
πhttps://apple.co/4ipNHcP π’
spoti.fi/3VxlGGq
0
8
3
I now *really* enjoy reading articles that are so obviously human-written, mistakes and all
10 months ago
6
149
3
I don't like default exports. They exist in JS because they're "simpler", even though they're more verbose: export default Thing import Thing from './thing' vs. export { Thing } import { Thing } from './thing' Just use consistent naming & don't be afraid of typing curly braces.
10 months ago
12
80
8
reposted by
David K. πΉ
Francois Laberge
10 months ago
Updated demo of Decode generating state-machines from diagrams, this time with streaming generation support Then I do the reverse, generating a diagram from an implementation. The diagram auto-layout is still rough. I'll work work on more robust auto-layout soon.
loading . . .
3
32
6
π² Merge Conflict: Accept All Current π² Merge Conflict: Accept All Incoming βοΈ Merge Conflict: Accept the things I cannot change, the courage to change the things I can, and the wisdom to know the difference
10 months ago
4
163
19
reposted by
David K. πΉ
Tejas Kumar
10 months ago
I wrote an essay about relationships that may be helpful for personal career development (and maybe devrel). Mentioned in the post (by name):
@davidkpiano.bsky.social
,
@kentcdodds.com
,
@joshuakgoldberg.com
,
@jennytru.bsky.social
,
@acemarke.dev
, and others
tej.as/blog/how-to-...
loading . . .
How to Grow Professional Relationships
A practical, science-backed model for growing quality professional relationships.
https://tej.as/blog/how-to-grow-professional-relationships-tjs-model
0
41
8
reposted by
David K. πΉ
Kent C. Dodds π
10 months ago
Component State Management in React: - useState - useMachine That's it. That's all I use anymore.
9
53
6
reposted by
David K. πΉ
Matthew Phillips
11 months ago
FSMs are the best way to model UI state. What can we do to indoctrinate people to this fact?
18
32
3
Hello again, world This place seems cool
11 months ago
25
179
1
Software estimation is hard
over 2 years ago
1
27
4
I love TODO comments. They're like little reminders of the ambitious developer you thought you'd eventually become.
over 2 years ago
4
34
3
I'm not actually a piano
over 2 years ago
10
22
1
you reached the end!!
feeds!
log in