quentin-/babel-plugin-react-remove-properties

Babel plugin for removing React properties :dash:

Babel plugin for removing React properties

This is useful when using selectors like data-test to run selenium test. Those properties are useless when running the code in production. You can save bandwidth by removing them.

Example

In

class Foo extends React.Component {
  render() {
    return (
      <div className="bar" data-test="thisIsASelectorForSelenium">
        Hello Wold!
      </div>
    );
  }
}

Out

class Foo extends React.Component {
  render() {
    return (
      <div className="bar">
        Hello Wold!
      </div>
    );
  }
}

Installation

npm install --save-dev babel-plugin-react-remove-properties

Usage

Via .babelrc (Recommended)

.babelrc

without options

{
  "env": {
    "production": {
      "plugins": ["react-remove-properties"]
    }
  }
}

with options

{
  "env": {
    "production": {
      "plugins": ["react-remove-properties", {"property": "data-test"}]
    }
  }
}

Via CLI

babel --plugins react-remove-properties script.js

Via Node API

require("babel-core").transform("code", {
  plugins: ["react-remove-properties"]
});

License

MIT