Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/tinyplex/vite-tinybase-react
A TinyBase Vite template using React
https://github.com/tinyplex/vite-tinybase-react
Last synced: 3 months ago
JSON representation
A TinyBase Vite template using React
- Host: GitHub
- URL: https://github.com/tinyplex/vite-tinybase-react
- Owner: tinyplex
- Created: 2023-06-02T19:20:45.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-04-06T21:33:04.000Z (11 months ago)
- Last Synced: 2024-04-14T03:11:06.514Z (10 months ago)
- Language: JavaScript
- Homepage:
- Size: 151 KB
- Stars: 4
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- fucking-awesome-vite - vite-tinybase-react - Starter template for TinyBase and React. (Get Started / Templates)
- awesome-vite - vite-tinybase-react - Starter template for TinyBase and React. (Get Started / Templates)
README
# vite-tinybase-react
This is a [Vite](https://vitejs.dev/) template for a simple
[TinyBase](https://tinybase.org/) app, using React, and also demonstrating the
TinyBase ui-react-dom module UI components.
## Instructions
1. Make a copy of this template into a new directory:
```sh
npx tiged tinyplex/vite-tinybase-react my-tinybase-app
```
2. Go into the directory:
```sh
cd my-tinybase-app
```
3. Install the dependencies:
```sh
npm install
```
4. Run the application:
```sh
npm run dev
```
5. Go the URL shown and enjoy!
## Other templates
There are ten templates for TinyBase, of which this is one:
| | Template | Language | React | Plus |
| --- | ---------------------------------------------------------------------------------------------- | ---------- | ----- | ------------------- |
| | [vite-tinybase](https://github.com/tinyplex/vite-tinybase) | JavaScript | No | |
| | [vite-tinybase-ts](https://github.com/tinyplex/vite-tinybase-ts) | TypeScript | No | |
| 👉 | [vite-tinybase-react](https://github.com/tinyplex/vite-tinybase-react) | JavaScript | Yes | |
| | [vite-tinybase-ts-react](https://github.com/tinyplex/vite-tinybase-ts-react) | TypeScript | Yes | |
| | [vite-tinybase-ts-react-sync](https://github.com/tinyplex/vite-tinybase-ts-react-sync) | TypeScript | Yes | Synchronization |
| | [vite-tinybase-ts-react-pglite](https://github.com/tinyplex/vite-tinybase-ts-react-pglite) | TypeScript | Yes | PGlite |
| | [vite-tinybase-ts-react-crsqlite](https://github.com/tinyplex/vite-tinybase-ts-react-crsqlite) | TypeScript | Yes | CR-SQLite |
| | [tinybase-ts-react-partykit](https://github.com/tinyplex/tinybase-ts-react-partykit) | TypeScript | Yes | PartyKit |
| | [tinybase-ts-react-electricsql](https://github.com/tinyplex/tinybase-ts-react-electricsql) | TypeScript | Yes | ElectricSQL |
| | [expo/examples/with-tinybase](https://github.com/expo/examples/tree/master/with-tinybase) | JavaScript | Yes | React Native & Expo |
## License
This template has no license, and so you can use it however you want!
[TinyBase](https://github.com/tinyplex/tinybase/blob/main/LICENSE) and
[Vite](https://github.com/vitejs/vite/blob/main/LICENSE) themselves are both MIT
licensed.