fluxible-plugin-devtools

0.1.9 • Public • Published

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.

Dependents (0)

Package Sidebar

Install

npm i fluxible-plugin-devtools

Weekly Downloads

11

Version

0.1.9

License

none

Unpacked Size

32.5 kB

Total Files

9

Last publish

Collaborators

  • mridgway
  • snyamathi
  • lingyan
  • redonkulus
  • kfay