UI components powered by Finite State Machines. Created by @thesegunadebayo
- Tweets 150
- Following 1
- Followers 1,823
- Likes 183
Zag.js retweeted
Two projects I’m excited about:
@statelyai Xstate: Model & editing the logic of an application or component visually and in a way that works across any JS framework
@builderio Mitosis: Writing code in a framework and auto-generate code for other frameworks.
🧵Some thoughts 👇🏻
5
15
151
🤯🤯🤯
I wrote a Figma plugin that converts a Figma component into a React Preview using @zag_js .
By mapping data-part to Frame and machine state to Variant, the component can be translated from Figma without ad-hoc.
2
5
Zag.js retweeted
That’s why we built @zag_js, a finite state machine implementation of the components in Chakra UI. Check it out 😊
1
1
11
Zag.js retweeted
And to go on a slight tangent, @thesegunadebayo has similarly built @zag_js, a cool FSM-based solution for a subset of these framework-agnostic UI problems
1
5
Zag.js retweeted
Multi UI frameworks support is very welcome emerging trend (@zag_js, @tan_stack, @remix_run (maybe?)) in the frontend OSS ecosystem. It may also be the start of a consolidation phase for the frontend OSS. nicolastoulemont.dev/posts/e…
2
3
15
Zag.js retweeted
@zag_js is well on its way to being that UI framework
Also, is it truly headless if it's React-only?
1
1
27
Zag.js retweeted
oh yeah, and I used @statelyai to make this state machine of the flow and functionality.
stately.ai/registry/editor/d…
hit that simulate button and give it a whirl
ALT screenshot of the flow chart
2
5
37
Zag.js retweeted
I'm loving this concept of #StateMachines. Going to do a deep dive into it as well as @statelyai and @zag_js 🤞✌
1
1
16
Zag.js retweeted
The newest issue of Open Source Monthly is fresh off the press!
In this issue, @blackgirlbytes describes how @zag_js leverages state machines to make framework agnostic components and how @MLHacks fellows contributed to GitHub Docs. github.blog/2022-07-18-open-…
3
12
74
Zag.js retweeted
In case you missed it:
Last week, @thesegunadebayo, creator of @chakra_ui and @zag_js joined me on stream to show off how we can use #StateMachines and Zag to create robust, accessible UI components in a framework-agnostic way! #a11y
youtu.be/WF_PVXPL8qA
3
12
Zag.js retweeted
📼 Video up!
I had a great time discovering #StateMachines and @zag_js with @thesegunadebayo earlier this week!
👇🏻 Check it out!
youtu.be/WF_PVXPL8qA
1
4
Zag.js retweeted
Join us at 12pm Central today as Chakra UI creator @thesegunadebayo introduces us to @zag_js, the new library that leverages state machines to power accessible, framework-agnostic component logic! #a11y
📍 twitch.tv/SomeAnticsDev
⏰ Today at 12pm CT
📅 calndr.link/event/wn3xQXRjYi
ALT Accessible Components with State Machines and Zag, with Segun Adebayo and Ben Myers. Tuesday, July 5 at 12pm Central.
1
2
Zag.js retweeted
Very exciting: framework-independent UI libraries built on state machines, an important concept often dismissed as "yet another way of managing state"
E.g. @zag_js
1
2
40
Zag.js retweeted
Great work from the team @zag_js. Reading the docs and I’m excited at the prospects, use cases and interoperability. Segun na beast. 🙌🏽🙌🏽🙌🏽
1
5
Zag.js retweeted
After building @chakra_ui, @thesegunadebayo experienced inconsistencies when he tried to support multiple JavaScript frameworks.
To remedy his pain points, he studied state machines and developed a solution, @zag_js.
Watch the full video here:
github.co/3zzm2SP
4
32
110
Zag.js retweeted
After building @chakra_ui, @thesegunadebayo experienced inconsistencies when he tried to support multiple JavaScript frameworks. To remedy his pain points, he studied state machines and developed another side project called @zag_js.
Full convo AND demo:
youtu.be/PpstsvkCbOA
13
41
Zag.js retweeted
I will be giving a short 15mib session where I use @zag_js components in Vue 3 and style them with @chakraui_vue V1 🚀
The #Vue World Tour is coming up again on June 28th! RSVP to attend live talks on #VueJS, and engage with the speakers and community in a live chat!
🗣️ @Carwack & @Zelig880
📅 June 28, 12PM PT/3PM ET
RSVP!
buff.ly/3xFLjJG
ALT Vue World Tour. June 28th, 3PM ET. Atlanta, GA. Sybren Willemot, Front-end Developer, Euricom. Simone Cuomo, Software Architect, This Dot Labs.
1
2
6
Zag.js retweeted
Oh btw, my @zag_js talk I did at @DevConSkopje got published! Check it out if you want me to explain to you State Machines using an alcohol disinfectant bottle 😅
youtube.com/watch?v=mNOT9SW3…
2
4
11
Zag.js retweeted
Accessibility talks are always interesting like this one from @MariaLamardo
But if you don't want to think about it too much you could use @chakraui_vue / @chakra_ui or @zag_js 😁
3
7