Skip to content
Branch: master
Find file History
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
..
Failed to load latest commit information.
docs
src
tests/unit/lib
.npmignore
CHANGELOG.md
LICENSE.md
README.md
index.js
package.json

README.md

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.

You can’t perform that action at this time.