react-transform-display-names

This is a react-transform that retains display names even after the src has been uglified/mangled.
This is useful when you need to debug a React application that has been minified using React Devtools.

Usage

Add this to your .babelrc.

{
  "presets": [
    "react"
  ],
  "plugins": [
    ["react-transform", {
      "transforms": [{
        "transform": "react-transform-display-names"
      }]
    }]
  ]
}

Limitations

Because of how react-transform works, functional components may not retain their display names.

Thanks

Special thanks to pwmckenna for creating the start kit react-transform-noop