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.
API
License
This software is free to use under the Yahoo! Inc. BSD license. See the LICENSE file for license text and copyright information.