Nick Nisi

Camp Counselor

Componentizing Application State

Event Logo

Tuesday, January 30, 2024 - 8:30 PM UTC, for 1 hour.

Regular, 60 minute presentation

Room: Campsite 4

React
TypeScript
XState

Your application state is too complex. There are too many states to manage, it's difficult to test in isolation, and fidelity is lost when translating from high-level abstracts into runnable code. But, what if there was a better way? What if you could model your application into a finite number of states and test it in isolation, as if it were just another component in your application? In this talk, we'll explore modeling application state with XState while utilizing Storybook and React to treat it as if it were just another component that can be visually reviewed and understood by both the development and product teams, and can be tested independently of any UI code. From this talk, you'll hear about how we did just that to manage some of the most complex pieces of our application.

Prerequisites

A basic understanding of web application development with React.

favorited by:
Aman Sharma Christopher Stelly Samuel Goff Josh Medeski Drew Kjell Eddy Vinck Brooks Lybrand Linda Thompson Adam Porter Nolan Egly Nick Nisi Nerando Johnson Chris Nowicki