diff options
Diffstat (limited to 'demos/react-fast-refresh-test/src/components')
3 files changed, 0 insertions, 44 deletions
diff --git a/demos/react-fast-refresh-test/src/components/RenderCounter.tsx b/demos/react-fast-refresh-test/src/components/RenderCounter.tsx deleted file mode 100644 index ed2f00b56..000000000 --- a/demos/react-fast-refresh-test/src/components/RenderCounter.tsx +++ /dev/null @@ -1,21 +0,0 @@ -import React from "react"; - -export function RenderCounter({ name, children }) { - const counter = React.useRef(1); - return ( - <div className="RenderCounter"> - <div className="RenderCounter-meta"> - <div className="RenderCounter-title"> - {name} rendered <strong>{counter.current++} times</strong> - </div> - <div className="RenderCounter-lastRender"> - LAST RENDER:{" "} - {new Intl.DateTimeFormat([], { - timeStyle: "long", - }).format(new Date())} - </div> - </div> - <div className="RenderCounter-children">{children}</div> - </div> - ); -} diff --git a/demos/react-fast-refresh-test/src/components/app.tsx b/demos/react-fast-refresh-test/src/components/app.tsx deleted file mode 100644 index 2edc02545..000000000 --- a/demos/react-fast-refresh-test/src/components/app.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import * as React from "react"; -import { Button } from "./Button"; -import { RenderCounter } from "./RenderCounter"; -export function App() { - return ( - <RenderCounter name="App"> - <div className="AppRoot"> - <h1>This is the root element</h1> - - <Button>Click</Button> - </div> - </RenderCounter> - ); -} diff --git a/demos/react-fast-refresh-test/src/components/button.tsx b/demos/react-fast-refresh-test/src/components/button.tsx deleted file mode 100644 index 4c3388670..000000000 --- a/demos/react-fast-refresh-test/src/components/button.tsx +++ /dev/null @@ -1,9 +0,0 @@ -import { RenderCounter } from "./RenderCounter"; - -export const Button = ({ children }) => { - return ( - <RenderCounter name="Button"> - <div className="Button">{children}</div> - </RenderCounter> - ); -}; |