All Projects → blefebvre → React Native Sqlite Demo

blefebvre / React Native Sqlite Demo

Licence: mit
An offline-first list app built with React Native, SQLite, TypeScript, and Cocoapods. Runs on iOS and macOS.

Programming Languages

typescript
32286 projects

Projects that are alternatives of or similar to React Native Sqlite Demo

Blazor Wasm Identity Grpc
Blazor WASM, IdentityServer4, Kestrel Web Server, Entity Framework Code First SQLite Database with Multiple Roles, Additional User Claims & gRPC with Roles Authorization.
Stars: ✭ 61 (-23.75%)
Mutual labels:  sqlite
Dbmigrations
A library for the creation, management, and installation of schema updates for relational databases.
Stars: ✭ 67 (-16.25%)
Mutual labels:  sqlite
Liszt
A personal organization software with a script engine for automation
Stars: ✭ 72 (-10%)
Mutual labels:  sqlite
Android tmdb clean architecture
Showcase of clean architecture concepts along with Continuous Integration and Development for modular Android applications. Includes test suits (functional and unit tests) along with code coverage.
Stars: ✭ 63 (-21.25%)
Mutual labels:  sqlite
Peewee
a small, expressive orm -- supports postgresql, mysql and sqlite
Stars: ✭ 8,811 (+10913.75%)
Mutual labels:  sqlite
Sqlite Web
Web-based SQLite database browser written in Python
Stars: ✭ 1,169 (+1361.25%)
Mutual labels:  sqlite
Tinano
A typesafe sqlite persistence library for flutter
Stars: ✭ 59 (-26.25%)
Mutual labels:  sqlite
Pyrustic
Lightweight framework and software suite to help develop, package, and publish Python desktop applications
Stars: ✭ 75 (-6.25%)
Mutual labels:  sqlite
Pastebin Scraper
Live-scraping pastebin to fight boredom.
Stars: ✭ 66 (-17.5%)
Mutual labels:  sqlite
Csvpack
csvpack library / gem - tools 'n' scripts for working with tabular data packages using comma-separated values (CSV) datafiles in text with meta info (that is, schema, datatypes, ..) in datapackage.json; download, read into and query CSV datafiles with your SQL database (e.g. SQLite, PostgreSQL, ...) of choice and much more
Stars: ✭ 71 (-11.25%)
Mutual labels:  sqlite
Sqlite orm
❤️ SQLite ORM light header only library for modern C++
Stars: ✭ 1,121 (+1301.25%)
Mutual labels:  sqlite
Indonesia Postal And Area
Indonesia Postal Code & Area (BPS)
Stars: ✭ 64 (-20%)
Mutual labels:  sqlite
Ebean
Ebean ORM
Stars: ✭ 1,172 (+1365%)
Mutual labels:  sqlite
Warp
Convert and analyze large data sets at light speed, on Mac and iOS.
Stars: ✭ 62 (-22.5%)
Mutual labels:  sqlite
Dogsheep.github.io
Tools for personal analytics using SQLite and Datasette
Stars: ✭ 73 (-8.75%)
Mutual labels:  sqlite
Electron Angular4 Sqlite3
Sample project to show how to build a desktop app using Electron, Angular 4 and Sqlite3
Stars: ✭ 60 (-25%)
Mutual labels:  sqlite
D2sqlite3
A small wrapper around SQLite for the D programming language
Stars: ✭ 67 (-16.25%)
Mutual labels:  sqlite
Superseriousstats
superseriousstats is a fast and efficient program to create statistics out of various types of chat logs
Stars: ✭ 78 (-2.5%)
Mutual labels:  sqlite
Craft
A simple Minecraft clone written in C using modern OpenGL (shaders).
Stars: ✭ 8,957 (+11096.25%)
Mutual labels:  sqlite
Andl
Andl is A New Database Language
Stars: ✭ 71 (-11.25%)
Mutual labels:  sqlite

React Native SQLite + Dropbox sync demo

This project is a basic List application that demonstrates building an offline first app with SQLite and React Native (featuring TypeScript and CocoaPods under the hood). Once authorized, the database can be synced between multiple iOS devices using Dropbox.

These instructions cover iOS and macOS usage at this time.

Install JS dependencies

npm install

Install iOS dependencies (requires Cocoapods)

pushd ios/
pod install
popd

Install macOS dependencies

pushd macos/
pod install
popd

Start the React Native Metro Bundler

npm run start:macos

Run (and debug) on the iOS simulator

With the "React Native Tools" VSCode extension installed, open the Debug tab and press the "Play" button with "Debug iOS" selected in the dropdown.

When the simulator opens, press Command-D to open the developer menu. Tap "Debug JS Remotely" to connect VSCode to the app and enable debugging.

Alternatively:

open ios/RNSQLiteDemo.xcworkspace

Select a simulator of your choice. Press the "run" button.

Run on the macOS simulator

Open the macOS Xcode project:

open macos/RNSQLiteDemo.xcworkspace/

Select My Mac as the "active scheme". Press the "Build and then run" (Play) button.

Types and testing

Compile TypeScript source in watch mode

npm run tsc -- -w

Run the Jest unit tests

npm test

E2E Testing with Detox on iOS

End-to-end testing happens from within the e2e/ directory:

cd e2e/
npm install

Build E2E tests

npm run test:e2e:build

Run E2E tests

npm run test:e2e

Run tests without reinstalling onto the Simulator

Details on this workflow can be found here:

npm run test:e2e:reuse

Troubleshooting

Run Metro Bundler and clear it's cache

npm start -- --reset-cache
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].