Add react
This commit is contained in:
4
node_modules/babel-plugin-transform-react-constant-elements/.npmignore
generated
vendored
Normal file
4
node_modules/babel-plugin-transform-react-constant-elements/.npmignore
generated
vendored
Normal file
@ -0,0 +1,4 @@
|
||||
node_modules
|
||||
*.log
|
||||
src
|
||||
test
|
||||
74
node_modules/babel-plugin-transform-react-constant-elements/README.md
generated
vendored
Normal file
74
node_modules/babel-plugin-transform-react-constant-elements/README.md
generated
vendored
Normal file
@ -0,0 +1,74 @@
|
||||
# babel-plugin-transform-react-constant-elements
|
||||
|
||||
> Treat React JSX elements as value types and hoist them to the highest scope
|
||||
|
||||
## Example
|
||||
|
||||
**In**
|
||||
|
||||
```js
|
||||
const Hr = () => {
|
||||
return <hr className="hr" />;
|
||||
};
|
||||
```
|
||||
|
||||
**Out**
|
||||
|
||||
```js
|
||||
const _ref = <hr className="hr" />;
|
||||
|
||||
const Hr = () => {
|
||||
return _ref;
|
||||
};
|
||||
```
|
||||
|
||||
**Deopts**
|
||||
|
||||
- **Spread Operator**
|
||||
|
||||
```js
|
||||
<div {...foobar} />
|
||||
```
|
||||
|
||||
- **Refs**
|
||||
|
||||
```js
|
||||
<div ref="foobar" />
|
||||
<div ref={node => this.node = node} />
|
||||
```
|
||||
|
||||
## Installation
|
||||
|
||||
```sh
|
||||
npm install --save-dev babel-plugin-transform-react-constant-elements
|
||||
```
|
||||
|
||||
## Usage
|
||||
|
||||
### Via `.babelrc` (Recommended)
|
||||
|
||||
**.babelrc**
|
||||
|
||||
```json
|
||||
{
|
||||
"plugins": ["transform-react-constant-elements"]
|
||||
}
|
||||
```
|
||||
|
||||
### Via CLI
|
||||
|
||||
```sh
|
||||
babel --plugins transform-react-constant-elements script.js
|
||||
```
|
||||
|
||||
### Via Node API
|
||||
|
||||
```javascript
|
||||
require("babel-core").transform("code", {
|
||||
plugins: ["transform-react-constant-elements"]
|
||||
});
|
||||
```
|
||||
|
||||
## References
|
||||
|
||||
* [[facebook/react#3226] Optimizing Compiler: Reuse Constant Value Types like ReactElement](https://github.com/facebook/react/issues/3226)
|
||||
71
node_modules/babel-plugin-transform-react-constant-elements/lib/index.js
generated
vendored
Normal file
71
node_modules/babel-plugin-transform-react-constant-elements/lib/index.js
generated
vendored
Normal file
@ -0,0 +1,71 @@
|
||||
"use strict";
|
||||
|
||||
exports.__esModule = true;
|
||||
|
||||
var _typeof2 = require("babel-runtime/helpers/typeof");
|
||||
|
||||
var _typeof3 = _interopRequireDefault(_typeof2);
|
||||
|
||||
exports.default = function (_ref) {
|
||||
var t = _ref.types;
|
||||
|
||||
var immutabilityVisitor = {
|
||||
enter: function enter(path, state) {
|
||||
var stop = function stop() {
|
||||
state.isImmutable = false;
|
||||
path.stop();
|
||||
};
|
||||
|
||||
if (path.isJSXClosingElement()) {
|
||||
path.skip();
|
||||
return;
|
||||
}
|
||||
|
||||
if (path.isJSXIdentifier({ name: "ref" }) && path.parentPath.isJSXAttribute({ name: path.node })) {
|
||||
return stop();
|
||||
}
|
||||
|
||||
if (path.isJSXIdentifier() || path.isIdentifier() || path.isJSXMemberExpression()) {
|
||||
return;
|
||||
}
|
||||
|
||||
if (!path.isImmutable()) {
|
||||
if (path.isPure()) {
|
||||
var expressionResult = path.evaluate();
|
||||
if (expressionResult.confident) {
|
||||
var value = expressionResult.value;
|
||||
|
||||
var isMutable = value && (typeof value === "undefined" ? "undefined" : (0, _typeof3.default)(value)) === "object" || typeof value === "function";
|
||||
if (!isMutable) {
|
||||
return;
|
||||
}
|
||||
} else if (t.isIdentifier(expressionResult.deopt)) {
|
||||
return;
|
||||
}
|
||||
}
|
||||
stop();
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
return {
|
||||
visitor: {
|
||||
JSXElement: function JSXElement(path) {
|
||||
if (path.node._hoisted) return;
|
||||
|
||||
var state = { isImmutable: true };
|
||||
path.traverse(immutabilityVisitor, state);
|
||||
|
||||
if (state.isImmutable) {
|
||||
path.hoist();
|
||||
} else {
|
||||
path.node._hoisted = true;
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
};
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
module.exports = exports["default"];
|
||||
45
node_modules/babel-plugin-transform-react-constant-elements/package.json
generated
vendored
Normal file
45
node_modules/babel-plugin-transform-react-constant-elements/package.json
generated
vendored
Normal file
@ -0,0 +1,45 @@
|
||||
{
|
||||
"_from": "babel-plugin-transform-react-constant-elements@6.23.0",
|
||||
"_id": "babel-plugin-transform-react-constant-elements@6.23.0",
|
||||
"_inBundle": false,
|
||||
"_integrity": "sha1-LxGb9NLN1F65uqrldAU8YE9hR90=",
|
||||
"_location": "/babel-plugin-transform-react-constant-elements",
|
||||
"_phantomChildren": {},
|
||||
"_requested": {
|
||||
"type": "version",
|
||||
"registry": true,
|
||||
"raw": "babel-plugin-transform-react-constant-elements@6.23.0",
|
||||
"name": "babel-plugin-transform-react-constant-elements",
|
||||
"escapedName": "babel-plugin-transform-react-constant-elements",
|
||||
"rawSpec": "6.23.0",
|
||||
"saveSpec": null,
|
||||
"fetchSpec": "6.23.0"
|
||||
},
|
||||
"_requiredBy": [
|
||||
"/babel-preset-react-app"
|
||||
],
|
||||
"_resolved": "https://registry.npmjs.org/babel-plugin-transform-react-constant-elements/-/babel-plugin-transform-react-constant-elements-6.23.0.tgz",
|
||||
"_shasum": "2f119bf4d2cdd45eb9baaae574053c604f6147dd",
|
||||
"_spec": "babel-plugin-transform-react-constant-elements@6.23.0",
|
||||
"_where": "/home/rudi/Personal/disgord-Thanos/node_modules/babel-preset-react-app",
|
||||
"bundleDependencies": false,
|
||||
"dependencies": {
|
||||
"babel-runtime": "^6.22.0"
|
||||
},
|
||||
"deprecated": false,
|
||||
"description": "Treat React JSX elements as value types and hoist them to the highest scope",
|
||||
"devDependencies": {
|
||||
"babel-helper-plugin-test-runner": "^6.22.0"
|
||||
},
|
||||
"keywords": [
|
||||
"babel-plugin"
|
||||
],
|
||||
"license": "MIT",
|
||||
"main": "lib/index.js",
|
||||
"name": "babel-plugin-transform-react-constant-elements",
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "https://github.com/babel/babel/tree/master/packages/babel-plugin-transform-react-constant-elements"
|
||||
},
|
||||
"version": "6.23.0"
|
||||
}
|
||||
Reference in New Issue
Block a user