This is a Vite template for a simple app, using TypeScript and React, that integrates TinyBase with Vulcan's cr-sqlite to provide persistence and synchronization across clients.
It is a fork of the awesome Vulcan vite-starter app, with small changes to introduce TinyBase into the view layer. All the credit for the magic goes to the cr-sqlite project!
When you're up and running, the app should look like this:
- Make a copy of this template into a new directory:
npx tiged tinyplex/vite-tinybase-ts-react-crsqlite 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! Open up multiple windows to see the synchronization in all its glory.
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, cr-sqlite, and Vite themselves are each MIT licensed.