diff options
| author |  Nate Moore <natemoo-re@users.noreply.github.com>
| 2021-06-28 10:46:10 -0500 |
|---|---|---|
| committer |  GitHub <noreply@github.com>
| 2021-06-28 10:46:10 -0500 |
| commit | 7063c04dec48fcabcda104c42d61642a554f6044 (patch) | |
| tree | ccc57515b9609f9a211154e2a783ab324ee1b8ed /examples/with-react/src | |
| parent | 13f50564cb8cfece7857c7b08be064d5e9e9853a (diff) | |
| download | astro-7063c04dec48fcabcda104c42d61642a554f6044.tar.gz astro-7063c04dec48fcabcda104c42d61642a554f6044.tar.zst astro-7063c04dec48fcabcda104c42d61642a554f6044.zip | |
Restructure examples (#568)
* rename kitchen sink, pull out react example
* split out the rest of the examples
* align versions
* chore: rename examples
* chore: normalize gitignore
* chore: update package versions
* chore: move framework examples to `framework` namespace
* docs: add README to examples
Co-authored-by: Austin Crim <crim.austin@principal.com>
Diffstat (limited to 'examples/with-react/src')
| -rw-r--r-- | examples/with-react/src/components/Counter.jsx | 18 | ||||
| -rw-r--r-- | examples/with-react/src/pages/index.astro | 38 |
2 files changed, 0 insertions, 56 deletions
diff --git a/examples/with-react/src/components/Counter.jsx b/examples/with-react/src/components/Counter.jsx deleted file mode 100644 index 3ab6728e7..000000000 --- a/examples/with-react/src/components/Counter.jsx +++ /dev/null @@ -1,18 +0,0 @@ -import React, { useState } from 'react'; - -export default function Counter({ children }) { - const [count, setCount] = useState(0); - const add = () => setCount((i) => i + 1); - const subtract = () => setCount((i) => i - 1); - - return ( - <> - <div className="counter"> - <button onClick={subtract}>-</button> - <pre>{count}</pre> - <button onClick={add}>+</button> - </div> - <div className="children">{children}</div> - </> - ); -} diff --git a/examples/with-react/src/pages/index.astro b/examples/with-react/src/pages/index.astro deleted file mode 100644 index 3bd650e02..000000000 --- a/examples/with-react/src/pages/index.astro +++ /dev/null @@ -1,38 +0,0 @@ ---- -import Counter from '../components/Counter.jsx' ---- - -<html> - <head> - <meta charset="utf-8" /> - <meta - name="viewport" - content="width=device-width, initial-scale=1, viewport-fit=cover" - /> - <style> - :global(:root) { - font-family: system-ui; - padding: 2em 0; - } - :global(.counter) { - display: grid; - grid-template-columns: repeat(3, minmax(0, 1fr)); - place-items: center; - font-size: 2em; - margin-top: 2em; - } - :global(.children) { - display: grid; - place-items: center; - margin-bottom: 2em; - } - </style> - </head> - <body> - <main> - <Counter:visible> - <h1>Hello React!</h1> - </Counter:visible> - </main> - </body> -</html> |