react-transform-log-render

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

in brackets the number of updates