Remove displayName

[oliviertassinari]

Remove displayName

[oliviertassinari]

@piuccio I think that it's out of the scope of this modules.
Besides, the displayName are already removed by Uglify when using the ES6 class and the stateless functional component API.
Are you using the soon deprecated React.createClass API?

[piuccio]

I'm using stateless functions

export default commentCount;
function commentCount ({ count }) {
        return (
            <span>comments <span className="comment-count">({count})</span></span>
        );
}

commentCount.displayName = 'CommentCount';
commentCount.propTypes = {
    count: React.PropTypes.number
};

Which becomes

    function commentCount(_ref) {
            var count = _ref.count;

            return React.createElement(
                "span",
                null,
                "comments ",
                React.createElement(
                    "span",
                    { className: "comment-count" },
                    "(",
                    count,
                    ")"
                )
            );
    }

    commentCount.displayName = 'CommentCount';

.displayName isn't removed by uglify, and I don't see why it should.

I understand it's out of scope, but was hoping someone had a solution. A quick google search didn't give much.

[oliviertassinari]

I'm using stateless functions

Oh, why not using the following syntax?

const CommentCount = ({ count }) => (
  <span>
    comments <span className="comment-count">{count}</span>
  </span>
);

CommentCount.propTypes = {
  count: React.PropTypes.number
};

export default CommentCount;

You still get the name of the component in the dev tool and a small output.

After babel transpilation:

"use strict";

exports.__esModule = true;

var CommentCount = function CommentCount(_ref) {
  var count = _ref.count;
  return React.createElement(
    "span",
    null,
    "comments ",
    React.createElement(
      "span",
      { className: "comment-count" },
      count
    )
  );
};

CommentCount.propTypes = {
  count: React.PropTypes.number
};

exports.default = CommentCount;

After Uglify minification:

"use strict"
exports.__esModule=!0
var CommentCount=function(e){var t=e.count
return React.createElement("span",null,"comments ",React.createElement("span",{className:"comment-count"},t))}
CommentCount.propTypes={count:React.PropTypes.number},exports["default"]=CommentCount

[piuccio]

great, that worked! thanks