https://github.com/vazra/react-ts-rxdb-bootstrap-table

Demo of React Application written in Typescript, using RxDB (IndexedDB, Memory, WebSQL) as database. Used Bootstrap-table2 to show db data.
https://github.com/vazra/react-ts-rxdb-bootstrap-table

client-database indexeddb react react-bootstrap-table-2 rxdb websql

Last synced: about 1 year ago
JSON representation

Demo of React Application written in Typescript, using RxDB (IndexedDB, Memory, WebSQL) as database. Used Bootstrap-table2 to show db data.

• Host: GitHub
• URL: https://github.com/vazra/react-ts-rxdb-bootstrap-table
• Owner: vazra
• License: mit
• Created: 2020-06-13T18:05:51.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2023-03-03T19:58:43.000Z (about 3 years ago)
• Last Synced: 2025-04-05T01:11:14.139Z (about 1 year ago)
• Topics: client-database, indexeddb, react, react-bootstrap-table-2, rxdb, websql
• Language: TypeScript
• Homepage: https://vazra.github.io/react-ts-rxdb-bootstrap-table/
• Size: 6.22 MB
• Stars: 11
• Watchers: 1
• Forks: 1
• Open Issues: 10
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Typescript React RxDB BootstrapTable2 Demo

![Build](https://github.com/vazra/example-react-ts-rxdb-bootstrap-table2/workflows/Build/badge.svg)

A basic implemetionat of RxDB in React

this example is created with an intention to tryout some features of RxDB and view realtime performance of the client side local database with RxDB.

view live demo [here](https://vazra.github.io/react-ts-rxdb-bootstrap-table/)

## Features

- Add (N number of) dummy data to the RxDB database

- Read from database and display in paginated table.

- log the time taken for each query to the database

- use multiple database adapters eg: IndexedDB, In Memmory, WebSQL etc.

- Delete databases and change the adapters dynamically

- The table is implemented with [react-bootstrap-table2](https://react-bootstrap-table.github.io/react-bootstrap-table2/) with pagination support

- This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).



A similar demo using react, electron and native databases is availabe at [vazra/electron-react-ts-rxdb-realm-sqlite](https://github.com/vazra/electron-react-ts-rxdb-realm-sqlite)