Fluxible-plugin-devtools NPM

Dev Tools Plugin for Fluxible

Provides dev tools for your Fluxible app.

Usage

You have to plug your app with the devtools plugin, as well as pass in a debug flag into the app.createContext method.

var Fluxible = require('fluxible');
var devToolsPlugin = require('fluxible-plugin-devtools');
var app = new Fluxible();
app.plug(devToolsPlugin());

app.createContext({
    debug: true // needed to enable devtools
});

Action Tracing

// in your component
import { Actions } from `fluxible-plugin-devtools`;
class MyComponent extends React.component {
    render() {
        <Actions relativeWidth={true}/>
    }
}

The Actions component will allow you to visually inspect your actions. If you pass in the relativeWidth prop and set it to true, the widths of the actions will be rendered relative to the top level action.