diff options
| author | Jan Tuomi <jans.tuomi@gmail.com> | 2022-02-05 13:34:24 +0200 |
|---|---|---|
| committer | Jan Tuomi <jans.tuomi@gmail.com> | 2022-02-05 13:34:24 +0200 |
| commit | 232c1e536d22dbb46b7d11fc389695d440343495 (patch) | |
| tree | 95665d538410f4754b7ebced93c7bdc2b15132b0 /src/App.tsx | |
Initial commit
Diffstat (limited to 'src/App.tsx')
| -rw-r--r-- | src/App.tsx | 45 |
1 files changed, 45 insertions, 0 deletions
diff --git a/src/App.tsx b/src/App.tsx new file mode 100644 index 0000000..3d9bd71 --- /dev/null +++ b/src/App.tsx @@ -0,0 +1,45 @@ +import { useState } from 'react' +import logo from './logo.svg' +import './App.css' + +function App() { + const [count, setCount] = useState(0) + + return ( + <div className="App"> + <header className="App-header"> + <img src={logo} className="App-logo" alt="logo" /> + <p>Hello Vite + React!</p> + <p> + <button type="button" onClick={() => setCount((count) => count + 1)}> + count is: {count} + </button> + </p> + <p> + Edit <code>App.tsx</code> and save to test HMR updates. + </p> + <p> + <a + className="App-link" + href="https://reactjs.org" + target="_blank" + rel="noopener noreferrer" + > + Learn React + </a> + {' | '} + <a + className="App-link" + href="https://vitejs.dev/guide/features.html" + target="_blank" + rel="noopener noreferrer" + > + Vite Docs + </a> + </p> + </header> + </div> + ) +} + +export default App |
