Home

Awesome

react-transform-log-render

React Transform of the render method for log output

Installation

  1. First, install the Babel plugin:

    npm install --save-dev babel-plugin-react-transform
    
  2. Then, install the transform:

    npm install --save-dev react-transform-log-render
    
  3. Now edit your .babelrc to include extra.babel-plugin-react-transform

    {
      "stage": 0,
      "env": {
        "development": {
          "plugins": ["react-transform"],
          "extra": {
            "react-transform": {
              "transforms": [{
                "transform": "react-transform-log-render",
              }, …]
            }
          }
        }
      }
    }
    

Include/Exclude components (by name)

  1. Add path to config module

    {
      "stage": 0,
      "env": {
        "development": {
          "plugins": ["react-transform"],
          "extra": {
            "react-transform": {
              "transforms": [{
                "transform": "react-transform-log-render",
                "imports": ["./src/react-transform-log-render-options"]
              }, …]
            }
          }
        }
      }
    }
    
  2. Config example

    export default {
      exclude: ['Root', 'App'],
      include: ['TaskItem', 'Header', 'TaskCreate'],
    };
    

    You can be used the option include or exclude separately

How it looks

<img width="320" alt="2015-11-14 17 12 51" src="https://cloud.githubusercontent.com/assets/4242765/11163037/a1263916-8aea-11e5-817d-0de67d66a2bd.png">

in brackets the number of updates

Development

Coding Standard