fix(readme): simplify basic example

artelydev · Oct 26, 2022 · c03f523 · c03f523
1 parent e46a209
commit c03f523
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 12 deletions.
diff --git a/README.md b/README.md
@@ -53,16 +53,14 @@ Run function on every animation frame
 import React, { useCallback, useState } from "react";
 import { useAnimationFrame } from "use-listen-on-animation-frame";
 
-const getDate = () => new Date();
-
 const Component = () => {
-  const [date, setDate] = useState(getDate());
+  const [date, setDate] = useState(new Date());
 
-  const setDateOnAnimationFrame = useCallback(() => {
-    setDate(getDate());
+  const syncDate = useCallback(() => {
+    setDate(new Date());
   }, []);
 
-  useAnimationFrame(setDateOnAnimationFrame);
+  useAnimationFrame(syncDate);
 
   return <div>{date}</div>;
 };

diff --git a/docs/README.md b/docs/README.md
@@ -27,16 +27,14 @@ Run function on every animation frame
 import React, { useCallback, useState } from "react";
 import { useAnimationFrame } from "use-listen-on-animation-frame";
 
-const getDate = () => new Date();
-
 const Component = () => {
-  const [date, setDate] = useState(getDate());
+  const [date, setDate] = useState(new Date());
 
-  const setDateOnAnimationFrame = useCallback(() => {
-    setDate(getDate());
+  const syncDate = useCallback(() => {
+    setDate(new Date());
   }, []);
 
-  useAnimationFrame(setDateOnAnimationFrame);
+  useAnimationFrame(syncDate);
 
   return <div>{date}</div>;
 };