Implement @babel/plugin-transform-react-pure-annotations (#11428)

The new plugin is also enabled in `@babel/preset-react`
This commit is contained in:
Devon Govett
2020-05-24 13:55:29 -07:00
committed by GitHub
parent 93a50056ca
commit 6ba1f0dd22
39 changed files with 221 additions and 1 deletions

View File

@@ -0,0 +1,4 @@
import * as React from 'react';
import ReactDOM from 'react-dom';
const Portal = ReactDOM.createPortal(React.createElement('div'), document.getElementById('test'));

View File

@@ -0,0 +1,4 @@
{
"sourceType": "module",
"plugins": ["transform-react-pure-annotations"]
}

View File

@@ -0,0 +1,3 @@
import * as React from 'react';
import ReactDOM from 'react-dom';
const Portal = /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React.createElement('div'), document.getElementById('test'));

View File

@@ -0,0 +1,3 @@
import React from 'react';
React.cloneElement(React.createElement('div'));

View File

@@ -0,0 +1,4 @@
{
"sourceType": "module",
"plugins": ["transform-react-pure-annotations"]
}

View File

@@ -0,0 +1,4 @@
import React from 'react';
/*#__PURE__*/
React.cloneElement( /*#__PURE__*/React.createElement('div'));

View File

@@ -0,0 +1,3 @@
import React from 'react';
React.createElement('div');

View File

@@ -0,0 +1,4 @@
{
"sourceType": "module",
"plugins": ["transform-react-pure-annotations"]
}

View File

@@ -0,0 +1,4 @@
import React from 'react';
/*#__PURE__*/
React.createElement('div');

View File

@@ -0,0 +1,3 @@
import {createFactory} from 'react';
const div = createFactory('div');

View File

@@ -0,0 +1,4 @@
{
"sourceType": "module",
"plugins": ["transform-react-pure-annotations"]
}

View File

@@ -0,0 +1,2 @@
import { createFactory } from 'react';
const div = /*#__PURE__*/createFactory('div');

View File

@@ -0,0 +1,3 @@
import React from 'react';
React.createRef();

View File

@@ -0,0 +1,4 @@
{
"sourceType": "module",
"plugins": ["transform-react-pure-annotations"]
}

View File

@@ -0,0 +1,4 @@
import React from 'react';
/*#__PURE__*/
React.createRef();

View File

@@ -0,0 +1,3 @@
import {forwardRef} from 'react';
const Comp = forwardRef((props, ref) => null);

View File

@@ -0,0 +1,4 @@
{
"sourceType": "module",
"plugins": ["transform-react-pure-annotations"]
}

View File

@@ -0,0 +1,2 @@
import { forwardRef } from 'react';
const Comp = /*#__PURE__*/forwardRef((props, ref) => null);

View File

@@ -0,0 +1,3 @@
import React from 'react';
const isElement = React.isValidElement(React.createElement('div'));

View File

@@ -0,0 +1,4 @@
{
"sourceType": "module",
"plugins": ["transform-react-pure-annotations"]
}

View File

@@ -0,0 +1,2 @@
import React from 'react';
const isElement = /*#__PURE__*/React.isValidElement( /*#__PURE__*/React.createElement('div'));

View File

@@ -0,0 +1,3 @@
import React from 'react';
const SomeComponent = React.lazy(() => import('./SomeComponent'));

View File

@@ -0,0 +1,4 @@
{
"sourceType": "module",
"plugins": ["transform-react-pure-annotations"]
}

View File

@@ -0,0 +1,2 @@
import React from 'react';
const SomeComponent = /*#__PURE__*/React.lazy(() => import('./SomeComponent'));

View File

@@ -0,0 +1,3 @@
import React from 'react';
const Comp = React.memo((props) => null);

View File

@@ -0,0 +1,4 @@
{
"sourceType": "module",
"plugins": ["transform-react-pure-annotations"]
}

View File

@@ -0,0 +1,2 @@
import React from 'react';
const Comp = /*#__PURE__*/React.memo(props => null);

View File

@@ -0,0 +1,3 @@
import runner from "@babel/helper-plugin-test-runner";
runner(__dirname);