babel-plugin-add-react-displayname-babel7

0.0.6-beta • Public • Published

babel-plugin-add-react-displayname

Fork for babel 7

Automatically detects and sets displayName for React components. This is useful for having real component names show up in production builds of React apps.

Babel already does this for React.createClass style components, this adds support for the two other kinds of component definitions:

  • ES6-classes style components
  • Stateless components that return JSX

Installation

Simply add add-react-displayname to your .babelrc file:

{
    "plugins": ["add-react-displayname"]
}

Troubleshooting

Doesn't work for decorated classes

If you are using the transform-decorators-legacy plugin, make sure it's placed after this plugin in your plugin list.

Testing

npm test

Readme

Keywords

none

Package Sidebar

Install

npm i babel-plugin-add-react-displayname-babel7

Weekly Downloads

406

Version

0.0.6-beta

License

MIT

Last publish

Collaborators

  • paradoxxxzero