Build UI Components With State Machines
The new Zag component library offers UI components powered by finite state machines. Segun Adebayo will teach us how it works!
0:00:00 - Hello everyone
0:00:53 - Guest introduction
0:02:41 - What prompted you to create Zag?
0:06:12 - Do you feel like you’re writing more code with state machines?
0:10:44 - Where is the most complexity when building state machines?
0:14:11 - How many components are inside of Zag so far?
0:16:19 - Where should I start building with Zag?
0:32:05 - Emptying the project and making something with Zag
1:06:23 - Visualizing the logic of the state machine
1:12:57 - Activating a hidden feature in Zag
1:16:58 - What resources are there to get started with Zag and state machines?
Repo: https://github.com/learnwithjason/zag...
Demo: https://zag-state-machine-components....
Links
https://www.learnwithjason.dev/let-s-...
https://www.learnwithjason.dev/visual...
https://www.learnwithjason.dev/stylin...
https://zagjs.com/
https://zagjs.com/overview/introduction
https://github.com/chakra-ui/zag
https://state-machine-viz.vercel.app/
Watch future episodes live at / jlengstorf
This episode was sponsored by:
- Netlify (https://lwj.dev/netlify)
- Nx (https://lwj.dev/nx)
- Backlight (https://lwj.dev/backlight)
Live transcription by White Coat Captioning (https://whitecoatcaptioning.com/)
Credits:
Local Elevator by Kevin MacLeod is licensed under a Creative Commons Attribution license (https://creativecommons.org/licenses/...)
Source: http://incompetech.com/music/royalty-...
Artist: http://incompetech.com/
Busybody by Audionautix is licensed under a Creative Commons Attribution license (https://creativecommons.org/licenses/...)
Artist: http://audionautix.com/
Additional sound effects obtained from https://www.zapsplat.com