This is a Vite template for a simple TinyBase app, using React, and also demonstrating the TinyBase ui-react-dom module UI components.
![image](https://private-user-images.githubusercontent.com/90942/361255543-614cd4f5-4ef8-46c2-8a2a-8df07ee59be7.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjU1NzgwODMsIm5iZiI6MTcyNTU3Nzc4MywicGF0aCI6Ii85MDk0Mi8zNjEyNTU1NDMtNjE0Y2Q0ZjUtNGVmOC00NmMyLThhMmEtOGRmMDdlZTU5YmU3LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA5MDUlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwOTA1VDIzMDk0M1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTY4YmYyMjRhNGUyZWViN2U5YTgwNWE5NjExMTEzYzM1Mjc3NGEyZmFlZTlhN2FiNTJiZjRiNTc2NTdiM2Y4MGYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.g2_N5K5WiDoGqotoMKy1-7O_8RSBYQkx0gX6jDWA5WM)
- Make a copy of this template into a new directory:
npx tiged tinyplex/vite-tinybase-react my-tinybase-app
- Go into the directory:
cd my-tinybase-app
- Install the dependencies:
npm install
- Run the application:
npm run dev
- Go the URL shown and enjoy!
There are ten templates for TinyBase, of which this is one:
Template | Language | React | Plus | |
---|---|---|---|---|
vite-tinybase | JavaScript | No | ||
vite-tinybase-ts | TypeScript | No | ||
👉 | vite-tinybase-react | JavaScript | Yes | |
vite-tinybase-ts-react | TypeScript | Yes | ||
vite-tinybase-ts-react-sync | TypeScript | Yes | Synchronization | |
vite-tinybase-ts-react-pglite | TypeScript | Yes | PGlite | |
vite-tinybase-ts-react-crsqlite | TypeScript | Yes | CR-SQLite | |
tinybase-ts-react-partykit | TypeScript | Yes | PartyKit | |
tinybase-ts-react-electricsql | TypeScript | Yes | ElectricSQL | |
expo/examples/with-tinybase | JavaScript | Yes | React Native & Expo |
This template has no license, and so you can use it however you want! TinyBase and Vite themselves are both MIT licensed.