refactor(rename): useRender -> useUpdate

Author: wangcch

README.md

@@ -24,10 +24,10 @@ yarn add @react-cmpt/hooks
 - [useInterval](#useInterval)
 - [useLoadImg](#useLoadImg)
 - [useMountedState](#useMountedState)
-- [useRender](#useRender)
 - [useThrottle](#useThrottle)
 - [useThrottleFn](#useThrottleFn)
 - [useUnmount](#useUnmount)
+- [useUpdate](#useUpdate)
 - [useUpdateEffect](#useUpdateEffect)
 
 ### useAsyncClick
@@ -313,29 +313,6 @@ const Demo = () => {
 };
 ```
 
-### useRender
-
-Re-render components
-
-| return   | type     | default | explain           |
-| -------- | -------- | ------- | ----------------- |
-| rerender | function |         | rerender callback |
-
-```tsx
-import { useRender } from "@react-cmpt/hooks";
-
-const Demo = () => {
-  const rerender = useRender();
-
-  return (
-    <>
-      <div>Date: {Date.now()}</div>
-      <button onClick={rerender}>Update</button>
-    </>
-  );
-};
-```
-
 ### useThrottle
 
 throttled value
@@ -461,6 +438,29 @@ const Demo = () => {
 };
 ```
 
+### useUpdate
+
+Re-render components
+
+| return   | type     | default | explain           |
+| -------- | -------- | ------- | ----------------- |
+| rerender | function |         | rerender callback |
+
+```tsx
+import { useUpdate } from "@react-cmpt/hooks";
+
+const Demo = () => {
+  const rerender = useUpdate();
+
+  return (
+    <>
+      <div>Date: {Date.now()}</div>
+      <button onClick={rerender}>Update</button>
+    </>
+  );
+};
+```
+
 ### useUpdateEffect
 
 React.useEffect cancel the first mount trigger

src/index.tsx

@@ -7,7 +7,7 @@ import useDeepEffect from "./useDeepEffect";
 import useInterval from "./useInterval";
 import useLoadImg from "./useLoadImg";
 import useMountedState from "./useMountedState";
-import useRender from "./useRender";
+import useUpdate from "./useUpdate";
 import useThrottle from "./useThrottle";
 import useThrottleFn from "./useThrottleFn";
 import useUnmount from "./useUnmount";
@@ -23,7 +23,7 @@ export {
   useInterval,
   useLoadImg,
   useMountedState,
-  useRender,
+  useUpdate,
   useThrottle,
   useThrottleFn,
   useUnmount,

src/useRender.ts

@@ -0,0 +1,7 @@
+import { useReducer } from "react";
+
+export default function useUpdate(): () => void {
+  const [, rerender] = useReducer((num: number) => (num + 1) % 1000000, 0);
+
+  return rerender;
+}

src/useUpdate.ts

@@ -1,15 +1,15 @@
 import { act, renderHook } from "@testing-library/react-hooks";
 import { useEffect } from "react";
 
-import useRender from "../src/useRender";
+import useUpdate from "../src/useUpdate";
 
 describe("useUnmount", () => {
   it("should be defined", () => {
-    expect(useRender).toBeDefined();
+    expect(useUpdate).toBeDefined();
   });
 
   it("return type (function)", () => {
-    const { result } = renderHook(() => useRender());
+    const { result } = renderHook(() => useUpdate());
 
     expect(result.current).toBeInstanceOf(Function);
   });
@@ -20,7 +20,7 @@ describe("useUnmount", () => {
 
     const { result, rerender } = renderHook(() => {
       renderTimes += 1;
-      const rerender = useRender();
+      const rerender = useUpdate();
 
       useEffect(() => {
         fnUpdateTimes += 1;