Ionic/React SQLite App Starter

react-sqlite-app-starter

A Ionic/React application demonstrating the use of the @capacitor-community/sqlite@latest plugin and may be use as an application starter.

Browser Support

The plugin follows the guidelines from the Capacitor Team,

• Capacitor Browser Support

meaning that it will not work in IE11 without additional JavaScript transformations, e.g. with Babel.

Installation 🚧

If Ionic is not installed follow this blog - https://dev.to/davidkou/using-ionic-and-react-to-create-electron-desktop-app-a-step-by-step-tutorial-and-troubleshooting-1dk2

• then install it

npm install

• then go to the building process

npm run build
npx cap sync
npm run build
npx cap copy
npx cap copy web

the capacitor config parameters are:

  "appId": "com.example.app.capacitor",
  "appName": "react-sqlite-app-starter",

Building Web Code

The @capacitor-community/sqlite is not implemented for Web Browsers. if you run

npx cap serve

you will get the following messages:

SQLite Plugin not available for Web Platform

Building Native Project

IOS

npx cap open ios

Once Xcode launches, you can build your finally app binary through the standard Xcode workflow.

Android

npx cap open android

Once Android Studio launches, you can build your app through the standard Android Studio workflow.

Reference

https://github.com/jepiqueau/react-sqlite-app-starter

https://github.com/capacitor-community/sqlite