https://github.com/getditto/react-native-sample-app
A React Native app that lets you create tasks and sync them with Ditto.
https://github.com/getditto/react-native-sample-app
Last synced: 3 months ago
JSON representation
A React Native app that lets you create tasks and sync them with Ditto.
- Host: GitHub
- URL: https://github.com/getditto/react-native-sample-app
- Owner: getditto
- License: mit
- Archived: true
- Created: 2024-09-13T16:42:49.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-10-04T11:23:39.000Z (over 1 year ago)
- Last Synced: 2026-04-04T01:44:31.762Z (3 months ago)
- Language: TypeScript
- Homepage:
- Size: 1.07 MB
- Stars: 7
- Watchers: 29
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Ditto Task Sync App
A sample React Native application that lets you create tasks and sync them with the Ditto Cloud via OnlinePlayground authentication. This example is built according to the [official Ditto installation guide for React Native](https://docs.ditto.live/install-guides/react-native).
## Prerequisites
- **Ditto Portal Account**: Ensure you have a Ditto account. Sign up [here](https://portal.ditto.live/signup).
- **App Credentials**: After registration, create an application within the Ditto Portal to obtain your `appID` and `token`. Visit the [Ditto Portal](https://portal.ditto.live/) to manage your applications.
## Getting Started
### Clone the Repository
```bash
git clone https://github.com/getditto/react-native-sample-app.git
cd react-native-sample-app
```
### Install Dependencies
```bash
yarn install
```
### Configure App Credentials
Navigate to the `App.tsx` file and replace `` and `` with your actual `appID` and `token` obtained from the Ditto Portal.
### Run the Application
```bash
yarn start
```
For iOS:
```bash
(cd ios && RCT_NEW_ARCH_ENABLED=1 pod install)
yarn react-native run-ios
```
For Android:
```bash
yarn react-native run-android
```
## Features
- **Task Creation**: Users can add new tasks to their list.
- **Real-time Sync**: Tasks are synchronized in real-time across all devices using the same Ditto application.
## Additional Information
- Limitation: React Native's Fast Refresh must be disabled and it's something we're working on fixing.
### Troubleshooting
Should you encounter any issues, please refer to the [Ditto documentation](https://docs.ditto.live/) or check the FAQs on the Ditto Portal.
### Contact
For support or queries, reach out to us via [support@ditto.live](mailto:support@ditto.live).