An Example ElectricSQL app using React & the Ionic Framework

Screen.Recording.2023-08-14.at.13.57.04.mov

Requirements:

• Docker
• Iconic CLI

Start the backend:

npm run backend:start

Open a new tab in your terminal. Navigate back to the same folder. Apply the migrations (defined in ./db/migrations):

npm run db:migrate

Start your app:

ionic serve

Notes

• npm run backend:start uses Docker Compose to start Postgres and the Electric sync service. See running the examples for information about configuring the Electric sync service to run against an existing Postgres database.
• npm run client:watch calls npx electric-sql generate --watch under the hood. See https://electric-sql.com/docs/api/generator for more details.

More information

• Electric Documentation
• Ionic Documentation