Explore state machines and their integration with React Hooks in this conference talk from JSConf.Asia 2019. Delve into common UI component issues and learn how to solve them using state machines. Follow Zain Fathoni's journey as he demonstrates the implementation of state machines with React Hooks, covering topics such as simple machines, view vs. edit states, hierarchical states, and visible states. Discover how to create screens, handle new conditions, and manage multiple data inputs. Compare different solutions and gain insights into building more reliable and user-friendly React components. This 34-minute presentation offers practical knowledge for developers looking to enhance their React applications using state machine concepts.
Overview
Syllabus
Introduction
What is state machines
The problem
Solution Interaction
Journey
Implementation
Simple Machine
View vs Edit
Hierarchical State
Visible State
Create Screen
New Condition
Multiple Data
In Solutions
Comparison
Taught by
JSConf