fluxible-plugin-devtools

A plugin for Fluxible applications to provide debugging information

Usage no npm install needed!

<script type="module">
  import fluxiblePluginDevtools from 'https://cdn.skypack.dev/fluxible-plugin-devtools';
</script>

README

Dev Tools Plugin for Fluxible

npm version

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.

API

License

This software is free to use under the Yahoo! Inc. BSD license. See the LICENSE file for license text and copyright information.