cerxes/babel
3
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
babel/packages/babel-plugin-transform-react-constant-elements
History
Samuel Reed eb91bd831c Fix PathHoister hoisting JSX member expressions on "this". (#5143) 
The PathHoister ignored member references on "this", causing it
to potentially hoist an expression above its function scope.

This patch tells the hoister to watch for "this", and if seen,
mark the nearest non-arrow function scope as the upper limit
for hoistng.

This fixes #4397 and is an alternative to #4787.
2017-02-12 18:34:07 -08:00
..
src
enable prefer const (#5113)
2017-01-14 09:48:52 -05:00
test
Fix PathHoister hoisting JSX member expressions on "this". (#5143)
2017-02-12 18:34:07 -08:00
.npmignore
babel-plugin-transform-x: add test to .npmignore
2015-11-10 17:53:30 -05:00
package.json
v6.22.0
2017-01-19 19:33:22 -05:00
README.md
transform-react-constant-elements hoists Composite Components (#5137) [skip ci]
2017-01-17 14:47:04 -05:00

README.md

babel-plugin-transform-react-constant-elements

Treat React JSX elements as value types and hoist them to the highest scope

Example

In

const Hr = () => {
  return <hr className="hr" />;
};

Out

const _ref = <hr className="hr" />;

const Hr = () => {
  return _ref;
};

Deopts

  • Spread Operator

    <div {...foobar} />

  • Refs

    <div ref="foobar" />
<div ref={node => this.node = node} />

Installation

npm install --save-dev babel-plugin-transform-react-constant-elements

Usage

Via .babelrc (Recommended)

.babelrc

{
  "plugins": ["transform-react-constant-elements"]
}

Via CLI

babel --plugins transform-react-constant-elements script.js

Via Node API

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

References