State Modeling with React and XState with David Khourshid
Join us for an Awesome Workshop on:

State Modeling with React and XState with David Khourshid

David Khourshid
David Khourshid
Microsoft
November 5, 2020 - 9:30am to 5:30pm Central Standard Time

This workshop has already been published as a course!

Watch the Full Course

State Modeling with React and XState with David Khourshid

Some Key Takeaways!

By coding along with us in the Workshop, you'll:

  • 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

David Khourshid

David Khourshid

David Khourshid is a Florida-based web developer for Microsoft, a tech author, and speaker. Also a fervent open-source contributor, he is passionate about JavaScript, CSS, animation, innovative user interfaces, and cutting-edge front-end technologies. When not behind a computer keyboard, he’s behind a piano keyboard or traveling.

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:30AM
    Before you code: Modeling state with state machines and statecharts
  • 10:00AM
    State machines with hooks
  • 10:30AM
    Using XState, @xstate/react, and @xstate/inspect
  • 11:00AM
    Local component state modeling with XState
  • 12:00PM
    Lunch
  • 1:00PM
    Async patterns and integrating 3rd-party libraries
  • 2:00PM
    Global (shared) state modeling with XState
  • 2:30PM
    Making machines flexible with serialized options
  • 3:00PM
    The actor model: invoking and spawning actors
  • 3:30PM
    Adding model-based testing
  • 4:00PM
    Beyond React: creating reusable machines
Expand...

Interact with the Instructor

Get Your Questions Answered • Code Along with the Class • Classroom Format

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