Crafting Stateful Styles with State Machines by David Khourshid | CSSConf BP 2019

cssconfbp.rocks/speakers/david/
User interfaces are highly dynamic and complex, and structuring stylesheets for every possible state of every component can be a challenge. In this talk, we will explore innovative ways of organizing our styles, adding complex interactivity and meaningful transitions, and comprehensively test UIs through a decades-old concept - finite state machines. With ARIA, data-attributes, and CSS variables, state machines can bring a new level of maintainability, testability, and interactivity to your styles.
David Khourshid is a software engineer for Microsoft, a tech author, and speaker. Also a fervent open-source contributor, he is passionate about statecharts and software modeling, reactive animations, innovative user interfaces, and cutting-edge front-end technologies. When not behind a computer keyboard, he’s behind a piano keyboard or traveling.

[@DRocksRecords]

Very good thank you for sharing.
I was just trying to do a state related css transition yesterday and it was a headache. I'll definitely try this state technique.

[@ranjith910]

Really nice talk on such a important topic and data-attr is a savior :D

[@AmeurKhaldi]

Amazing presentation!

[@sumanuphuket]

7:23
interesting

[@AvindraGoolcharan]

2:26 interestingly, this hack* seems to stop working in recent builds of React *(removing the "disabled" attribute on an input/button)