wp.element - export lazy and Suspense (#14412)

* wp.element - export lazy and Suspense * npm run docs:build * cleanup * docs build * Update README * add lazy & Suspence with links to react docs * README from master * npm run docs: build * Update react.js * Update README.md * Update CHANGELOG.md
WordPress · Mar 26, 2019 · 186ce11 · 186ce11
1 parent 57c2ab3
commit 186ce11
Show file tree

Hide file tree

Showing 3 changed files with 50 additions and 0 deletions.
diff --git a/packages/element/CHANGELOG.md b/packages/element/CHANGELOG.md
@@ -1,3 +1,25 @@
+## 2.4.0 (Unreleased)
+
+### New Features
+
+- Added `lazy` feautre (see: https://reactjs.org/docs/react-api.html#reactlazy).
+- Added `Suspense` component (see: https://reactjs.org/docs/react-api.html#reactsuspense).
+
+## 2.3.0 (2019-03-06)
+
+### New Features
+
+- Added `useCallback` hook (see: https://reactjs.org/docs/hooks-reference.html#usecallback).
+- Added `useContext` hook (see: https://reactjs.org/docs/hooks-reference.html#usecontext).
+- Added `useDebugValue` hook (see: https://reactjs.org/docs/hooks-reference.html#usedebugvalue).
+- Added `useEffect` hook (see: https://reactjs.org/docs/hooks-reference.html#useeffect).
+- Added `useImperativeHandle` hook (see: https://reactjs.org/docs/hooks-reference.html#useimperativehandle).
+- Added `useLayoutEffect` hook (see: https://reactjs.org/docs/hooks-reference.html#uselayouteffect).
+- Added `useMemo` hook (see: https://reactjs.org/docs/hooks-reference.html#usememo).
+- Added `useReducer` hook (see: https://reactjs.org/docs/hooks-reference.html#usereducer).
+- Added `useRef` hook (see: https://reactjs.org/docs/hooks-reference.html#useref).
+- Added `useState` hook (see: https://reactjs.org/docs/hooks-reference.html#usestate).
+
 ## 2.1.8 (2018-11-15)
 
 ## 2.1.7 (2018-11-09)

diff --git a/packages/element/README.md b/packages/element/README.md
@@ -239,6 +239,14 @@ Checks if an object is a valid WPElement
 
 `boolean`: true if objectToTest is a valid WPElement and false otherwise.
 
+### lazy
+
+[src/index.js#L1-L1](src/index.js#L1-L1)
+
+**Related**
+
+-   <https://reactjs.org/docs/react-api.html#reactlazy>
+
 ### RawHTML
 
 [src/index.js#L5-L5](src/index.js#L5-L5)
@@ -289,6 +297,14 @@ Serializes a React element to string.
 
 Component that activates additional checks and warnings for its descendants.
 
+### Suspense
+
+[src/index.js#L1-L1](src/index.js#L1-L1)
+
+**Related**
+
+-   <https://reactjs.org/docs/react-api.html#reactsuspense>
+
 ### switchChildrenNodeName
 
 [src/index.js#L1-L1](src/index.js#L1-L1)

diff --git a/packages/element/src/react.js b/packages/element/src/react.js
@@ -22,6 +22,8 @@ import {
 	useImperativeHandle,
 	useLayoutEffect,
 	useDebugValue,
+	lazy,
+	Suspense,
 } from 'react';
 import { isString } from 'lodash';
 
@@ -159,6 +161,16 @@ export { useRef };
  */
 export { useState };
 
+/**
+ * @see https://reactjs.org/docs/react-api.html#reactlazy
+ */
+export { lazy };
+
+/**
+ * @see https://reactjs.org/docs/react-api.html#reactsuspense
+ */
+export { Suspense };
+
 /**
  * Concatenate two or more React children objects.
  *