Crafting Stateful Styles with State Machines by David Khourshid | CSSConf BP 2019
http://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.
Видео Crafting Stateful Styles with State Machines by David Khourshid | CSSConf BP 2019 канала JSConf
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.
Видео Crafting Stateful Styles with State Machines by David Khourshid | CSSConf BP 2019 канала JSConf
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![David Khourshid - Formal Forms with State Machines | React Next 2019](https://i.ytimg.com/vi/hiT4Q1ntvzg/default.jpg)
![CSS Architecture for Modern Web Applications by Mike Riethmuller | CSSConf BP 2019](https://i.ytimg.com/vi/ZWPMzJfJHnc/default.jpg)
![David Khourshid: Simplifying Complex UIs with Finite Automata & Statecharts | JSConf Iceland 2018](https://i.ytimg.com/vi/RqTxtOXcv8Y/default.jpg)
![](https://i.ytimg.com/vi/FNevvZv4Wns/default.jpg)
![David Khourshid - Everything is an Actor](https://i.ytimg.com/vi/NTfPtYJORck/default.jpg)
![CSS Animation - Beyond Transitions by Steven Roberts | CSSConf BP 2019](https://i.ytimg.com/vi/TYlA-eolzLs/default.jpg)
![Write fewer tests! Model-based testing in React — David Khourshid](https://i.ytimg.com/vi/pA3DXExjKqI/default.jpg)
![A sneak peek into super optimized code in JS frameworks by Maxim Koretskyi | JSConf EU 2019](https://i.ytimg.com/vi/_VHNTC67NR8/default.jpg)
![Is Redux DEAD? Try Zustand! | ReactJS State Management in 2021](https://i.ytimg.com/vi/UcHkC5sJPWw/default.jpg)
![10 Fun API's for Developers | Ideas for Projects](https://i.ytimg.com/vi/UxcdwEOCD48/default.jpg)
![David Khourshid - State of the Art User Interfaces with State Machines](https://i.ytimg.com/vi/Ras7QG9kxUk/default.jpg)
![XState: the Visual Future of State Management – David Khourshid, React Summit Remote Edition 2021](https://i.ytimg.com/vi/2oCftlUlMhs/default.jpg)
![Crafting Stateful Styles](https://i.ytimg.com/vi/BETqXqN4kq4/default.jpg)
![Are you using the right CSS units?](https://i.ytimg.com/vi/N5wpD9Ov_To/default.jpg)
![Write Fewer Tests! From Automation to Autogeneration - David Khourshid - React Rally 2019](https://i.ytimg.com/vi/tpNmPKjPSFQ/default.jpg)
![CppCon 2019: Andrei Alexandrescu “Speed Is Found In The Minds of People"](https://i.ytimg.com/vi/FJJTYQYB1JQ/default.jpg)
![Mastering UIs with Finite State Machines by Rubén Sospedra | JSConf Budapest 2019](https://i.ytimg.com/vi/t9XBzM6Tdmk/default.jpg)
![Sarrah Vesselov: How to style in React and not lose friends | JSConf Iceland 2018](https://i.ytimg.com/vi/V-flI7ui52M/default.jpg)
![Typing XState in Vue 3](https://i.ytimg.com/vi/7tT45eRmyJE/default.jpg)
![David Khourshid - Infinitely Better UIs with Finite Automata](https://i.ytimg.com/vi/VU1NKX6Qkxc/default.jpg)