gaearon / react-transform

A specification for tools instrumenting React components

react-transform

React Transform specifies a common API for an ecosystem of React component instrumentation.
Just kidding, it doesn’t specify anything yet.

For now, refer to (the only) reference implementation: babel-plugin-react-transform.
If there is enough interest, we can make this work outside of Babel.

You can also geek out at react-transform-boilerplate:

react-transform's Issues

CoffeeScript / non-babel implementation?

To not have to reload the browser after fixing an error is purely amazing!!

Does anyone have an interest in getting this to work for non-babel projects? "Classical" javascript or CoffeeScript people perhaps?

Production

Hello,

I have a transform used in production, let's say a sentry reporter.
I am getting this error 'File/Program node, we can't possibly find a statement parent to this'.

in my babelrc for production i use :

"env": {
      "production": {
        "optional": [
          "optimisation.react.constantElements",
          "optimisation.react.inlineElements",
          ],
          "plugins": ["react-transform"],
          "extra": {
            "react-transform": {
              "transforms": [{
                 "transform": "./react-transform-sentry-errors",
                 "imports": ["react","raven-js"],
                 "locals": ["'https://sentry@dns"]
               }]
            }
          }
      },
      "development": {
        "plugins": ["react-transform"],
        "extra": {
          "react-transform": {
            "transforms": [
            {
              "transform": "react-transform-hmr",
              "imports": ["react"],
              "locals": ["module"]
            },
            {
              "transform": "react-transform-catch-errors",
              "imports": ["react", "redbox-react"]
            },           
            ]
          }
        }
      }

if i remove "optimisation.react.constantElements" the webpack build is ok.