Install Preact with Typescript using Vite

1

Vite

Import { useState } from 'preact/hooks' Import preactLogo from './assets/preact.svg' Import './app.css' Export function App() { const [count, setCount] = useState(0) return ( <> <div> <a href="https://vitejs.dev" target="_blank"> <img src="/vite.svg" class="logo" alt="Vite logo" /> a> <a href="https://preactjs.com" target="_blank"> <img src={preactLogo} class="logo preact" alt="Preact logo" /> a> div> <h1>Vite + Preact + TypeScripth1> <div class="card"> <button onClick={() => setCount((count) => count + 1)}> count is {count} button> <p> Edit <code>src/app.tsxcode> and save to test HMR p> div> <p class="read-the-docs"> Click on the Vite and Preact logos to learn more p> </> ) }.

#Software Development #Web Frameworks #Developer Tools 381 social mentions

2

Preact.js

Import { useState } from 'preact/hooks' Import preactLogo from './assets/preact.svg' Import './app.css' Export function App() { const [count, setCount] = useState(0) return ( <> <div> <a href="https://vitejs.dev" target="_blank"> <img src="/vite.svg" class="logo" alt="Vite logo" /> a> <a href="https://preactjs.com" target="_blank"> <img src={preactLogo} class="logo preact" alt="Preact logo" /> a> div> <h1>Vite + Preact + TypeScripth1> <div class="card"> <button onClick={() => setCount((count) => count + 1)}> count is {count} button> <p> Edit <code>src/app.tsxcode> and save to test HMR p> div> <p class="read-the-docs"> Click on the Vite and Preact logos to learn more p> </> ) }.

#Javascript UI Libraries #JavaScript #Javascript Utilities & Libraries 83 social mentions