Skip to content

React Native package that empowers the xstate flipper plugin

Notifications You must be signed in to change notification settings

cpetzel/react-native-flipper-xstate

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

NOTICE: This package is no longer maintained / deprecated

The react native team has officially deprecated flipper.

This uses Expo DevTools and also provides an in-app floating inspector.











  


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.

Xstate Viz

Dependencies

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

Usage

Install the Flipper plugin on your desktop app

Install the package

$ 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 });

Todo

  • Get Typescript to work

About

React Native package that empowers the xstate flipper plugin

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published