This workshop has already been published as a course!
State Modeling with React and XState with David Khourshid
Some Key Takeaways!
By participating along with us in the workshop, you'll learn:
- Learn fundamental computer science concepts: state machines, statecharts, actor model, event-driven architectures
- Learn how to visually model complex app state and logic for clarity and robustness
- Work on a real-world React app to apply state modeling principles in XState
- Visualize app logic and state in real-time every step of the way
- Integrate 3rd-party libraries with XState
- Discover model-based testing for robustness
Your (Awesome) Instructor
State modeling makes complex application logic visually clear, flexible, and robust. Let's explore how XState and React can be used together to model state in create real-world applications.
Workshop Details
State modeling makes complex application logic visually clear, flexible, and robust. Let's explore how XState and React can be used together to model state in create real-world applications.
Daily Schedule
We've already held over 300 workshops with thousands of attendees in-person and online. In this time we've discovered ways to schedule the day, so it goes smoothly and efficiently. Regardless if you're in-person or participating with us online you'll have the full ability to replay things you missed, get your questions answered LIVE and interact with the teacher throughout the day.
- 9:30AMBefore you code: Modeling state with state machines and statecharts
- 10:00AMState machines with hooks
- 10:30AMUsing XState, @xstate/react, and @xstate/inspect
- 11:00AMLocal component state modeling with XState
- 12:00PMLunch
- 1:00PMAsync patterns and integrating 3rd-party libraries
- 2:00PMGlobal (shared) state modeling with XState
- 2:30PMMaking machines flexible with serialized options
- 3:00PMThe actor model: invoking and spawning actors
- 3:30PMAdding model-based testing
- 4:00PMBeyond React: creating reusable machines
Interact with the Instructor
Is This Workshop for Me?
Summary
Developers who work on production React applications and want to easily understand and maintain their complex app logic and state, as well as learn patterns for robust state management, will greatly benefit from this course.
Any Prerequisites?
- Basic knowledge of React (using hooks) and JavaScript is expected.
- Familiarity with XState is helpful, but not required.
Event Details
What
One Full Day Workshop Session
Replay Videos (available immediately)
When
November 5, 2020 - 9:30am to 5:30pm Central Standard Time
Where
Attend online on our full HD live stream