David Khourshid: Simplifying Complex UIs with Finite Automata & Statecharts | JSConf Iceland 2018

2018.jsconf.is...
As the number of possible states in your app grows, developing UIs can become exponentially more complex. With the help of finite automata, or finite state machines (FSMs), you will be able to manage your app's states in a simple, robust way, and even visualize them! In this session, we will discover how FSMs and statecharts can take your UIs to the next level, with innovative techniques for implementing, testing, and visualizing your app's finite states in a robust, automated way, with plenty of use cases, demos, and resources.

[@codemaster9513]

Thanks for your talk and for your excellent library "XState". With your JavaScript library and with the help of react XState library, I am working on a project to visually design the react application logic. This is extremely inspired by Unity3D's visual scripting asset library "Playmaker".

[@dupersuper1000]

This is really awesome! It really opened my eyes to a lot of possibilities. In particular, I think this demonstrates the concept of generalized algebraic data types (GADT’s), which are available in some functional languages (and to some extent TypeScript). And that’s pretty dang cool!

[@csati]

XState is a fantastic library, it solves the biggest problems (state management) of UI development the best way!

[@iterativeincremental]

I have tried to . implement this and can second: This is "harder" engineering and I tip my hat!

[@santosharakere]

Excellent talk, thank you.

[@micalevisk]

slides: slides.com/davidkhourshid/statecharts

[@MatiasBenavides]

Clever use of emojis for Bottom-Up.

[@minthantoo3509]

I am too beginner to understand anything here.

[@felipemoyano.8071]

Tough croud