The State Machines in React with David Khourshid - RRU 234

David Khourshid is the author of a library called Xstate, He has been a developer for 7 years, currently works for Microsoft, his passion is frontendTalks a. In college, he actually studied piano performance, and so he talks about how he got into programming and where he started. The panel discusses his unique husky animation and how he came up with the idea for it and went about programming it.
The panel discusses what a state is in React. David defines a state as a moment in time. States can change, when they do, that’s a state transition. They talk about the utility of states and thinking about your app as a state machine. They agree that describing your code as a state machine makes it easier to communicate and connect with non developers. The panel discusses the importance of learning from other industries, such as approaching programming the same way construction workers build a house. They debate the Waterfall versus the Agile mindset.
They talk about the advantages of programming in React and focusing on the state machine, especially because it is important to be intentional about dealing with concepts separate from other concepts. They share different ways to switch to state machine thinking, one of which is to look at your event handlers and make sure they are doing anything besides dispatching events. David talks about his library called Xstate and the basics of his library and his inspiration, and who else is working in state machines. The finish by discussing industry standards.
Sponsors

• Chuck's Resume Template
• Raygun - Application Monitoring For Web & Mobile Apps
• Become a Top 1% Dev with a Top End Devs Membership

Links

• Xstate
• Keyframers
• Bootstrap
• David’s husky animation
• The Checklist Manifesto
• Sion SCXML
• QT
• Elm
• Thunk
• Observable
• NoFlo
• Sketch Systems
• State Charts

Picks

• David - Atomic Habits by James Clear
• David - Bullet Journal
• Thomas - The Checklist Manifesto
• Thomas - Thomas’ Youtube Channel
• David Khourshid - Constructing The User Interface with State Charts (check the library first)

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

Become a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.