aboutsummaryrefslogtreecommitdiffstats
path: root/src/App.tsx
diff options
context:
space:
mode:
authorJan Tuomi <jans.tuomi@gmail.com>2022-02-05 13:34:24 +0200
committerJan Tuomi <jans.tuomi@gmail.com>2022-02-05 13:34:24 +0200
commit232c1e536d22dbb46b7d11fc389695d440343495 (patch)
tree95665d538410f4754b7ebced93c7bdc2b15132b0 /src/App.tsx
Initial commit
Diffstat (limited to 'src/App.tsx')
-rw-r--r--src/App.tsx45
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