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.

Home Page:https://vazra.github.io/react-ts-rxdb-bootstrap-table/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Typescript React RxDB BootstrapTable2 Demo

Build

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

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 with pagination support
  • This project was bootstrapped with Create React App.

A similar demo using react, electron and native databases is availabe at vazra/electron-react-ts-rxdb-realm-sqlite

About

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

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

License:MIT License


Languages

Language:TypeScript 91.1%Language:HTML 5.8%Language:CSS 3.1%