diff options
| author |  Jarred Sumner <jarred@jarredsumner.com>
| 2021-08-20 13:17:57 -0700 |
|---|---|---|
| committer | Jarred Sumner <jarred@jarredsumner.com>
| 2021-08-20 13:17:57 -0700 |
| commit | 5db15b6ec7cd41cc15214f4448b064f4dd11f974 (patch) | |
| tree | 4dff15a434b069e17c8cb16cca1a20e8a015212f /demos/react-fast-refresh-test/src/components | |
| parent | f1d3aade3b408ead1c1459eb9e0d90e90290d687 (diff) | |
| download | bun-5db15b6ec7cd41cc15214f4448b064f4dd11f974.tar.gz bun-5db15b6ec7cd41cc15214f4448b064f4dd11f974.tar.zst bun-5db15b6ec7cd41cc15214f4448b064f4dd11f974.zip | |
demos -> examples
Former-commit-id: 19a5d395bd41b0a0b854cdf749eb96149f91cbe1
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> - ); -}; |