Add docs for React hooks (#14425)

WordPress · Mar 20, 2019 · 381b1c0 · 381b1c0
1 parent 6692179
commit 381b1c0
Show file tree

Hide file tree

Showing 2 changed files with 77 additions and 23 deletions.
diff --git a/packages/element/README.md b/packages/element/README.md
@@ -318,61 +318,81 @@ Removes any mounted element from the target DOM node.
 
 [src/index.js#L1-L1](src/index.js#L1-L1)
 
-Make React Hooks available
+**Related**
+
+-   <https://reactjs.org/docs/hooks-reference.html#usecallback>
 
 ### useContext
 
 [src/index.js#L1-L1](src/index.js#L1-L1)
 
-Make React Hooks available
+**Related**
+
+-   <https://reactjs.org/docs/hooks-reference.html#usecontext>
 
 ### useDebugValue
 
 [src/index.js#L1-L1](src/index.js#L1-L1)
 
-Make React Hooks available
+**Related**
+
+-   <https://reactjs.org/docs/hooks-reference.html#usedebugvalue>
 
 ### useEffect
 
 [src/index.js#L1-L1](src/index.js#L1-L1)
 
-Make React Hooks available
+**Related**
+
+-   <https://reactjs.org/docs/hooks-reference.html#useeffect>
 
 ### useImperativeHandle
 
 [src/index.js#L1-L1](src/index.js#L1-L1)
 
-Make React Hooks available
+**Related**
+
+-   <https://reactjs.org/docs/hooks-reference.html#useimperativehandle>
 
 ### useLayoutEffect
 
 [src/index.js#L1-L1](src/index.js#L1-L1)
 
-Make React Hooks available
+**Related**
+
+-   <https://reactjs.org/docs/hooks-reference.html#uselayouteffect>
 
 ### useMemo
 
 [src/index.js#L1-L1](src/index.js#L1-L1)
 
-Make React Hooks available
+**Related**
+
+-   <https://reactjs.org/docs/hooks-reference.html#usememo>
 
 ### useReducer
 
 [src/index.js#L1-L1](src/index.js#L1-L1)
 
-Make React Hooks available
+**Related**
+
+-   <https://reactjs.org/docs/hooks-reference.html#usereducer>
 
 ### useRef
 
 [src/index.js#L1-L1](src/index.js#L1-L1)
 
-Make React Hooks available
+**Related**
+
+-   <https://reactjs.org/docs/hooks-reference.html#useref>
 
 ### useState
 
 [src/index.js#L1-L1](src/index.js#L1-L1)
 
-Make React Hooks available
+**Related**
+
+-   <https://reactjs.org/docs/hooks-reference.html#usestate>
 
 
 <!-- END TOKEN(Autogenerated API docs) -->

diff --git a/packages/element/src/react.js b/packages/element/src/react.js
@@ -110,20 +110,54 @@ export { isValidElement };
 export { StrictMode };
 
 /**
- * Make React Hooks available
+ * @see https://reactjs.org/docs/hooks-reference.html#usecallback
  */
-export {
-	useCallback,
-	useContext,
-	useDebugValue,
-	useEffect,
-	useImperativeHandle,
-	useLayoutEffect,
-	useMemo,
-	useReducer,
-	useRef,
-	useState,
-};
+export { useCallback };
+
+/**
+ * @see https://reactjs.org/docs/hooks-reference.html#usecontext
+ */
+export { useContext };
+
+/**
+ * @see https://reactjs.org/docs/hooks-reference.html#usedebugvalue
+ */
+export { useDebugValue };
+
+/**
+ * @see https://reactjs.org/docs/hooks-reference.html#useeffect
+ */
+export { useEffect };
+
+/**
+ * @see https://reactjs.org/docs/hooks-reference.html#useimperativehandle
+ */
+export { useImperativeHandle };
+
+/**
+ * @see https://reactjs.org/docs/hooks-reference.html#uselayouteffect
+ */
+export { useLayoutEffect };
+
+/**
+ * @see https://reactjs.org/docs/hooks-reference.html#usememo
+ */
+export { useMemo };
+
+/**
+ * @see https://reactjs.org/docs/hooks-reference.html#usereducer
+ */
+export { useReducer };
+
+/**
+ * @see https://reactjs.org/docs/hooks-reference.html#useref
+ */
+export { useRef };
+
+/**
+ * @see https://reactjs.org/docs/hooks-reference.html#usestate
+ */
+export { useState };
 
 /**
  * Concatenate two or more React children objects.