react-native-flipper-xstate

This packages allows Android and iOS apps to use the Flipper-plugin-xstate plugin to visualize and interact with their xstate machines.

This package depends on the native package React Native Flipper, so you will have to recompile the native apps before using this plugin.

Usage

$ yarn add react-native-flipper-xstate

To use, simply import and call the inspect function at the root of your project (index.js) You will only want to do this in Debug/Dev builds.

import { inspect } from "react-native-flipper-xstate";

if (__DEV__) {
  inspect();
}

You also must specify the devTools option when creating your machines. Here is an example using the useMachine hook.

const [current, send] = createMachine(machine, { devTools: true });