Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/jefelewis/firebase-atomicity-demo
Medium Article: https://medium.com/@jeffrey.allen.lewis/firebase-what-is-atomicity-how-to-accurately-increment-decrement-values-in-cloud-firestore-bfe6c6ed5eb7
https://github.com/jefelewis/firebase-atomicity-demo
firebase-firestore react-native redux redux-saga
Last synced: 7 days ago
JSON representation
Medium Article: https://medium.com/@jeffrey.allen.lewis/firebase-what-is-atomicity-how-to-accurately-increment-decrement-values-in-cloud-firestore-bfe6c6ed5eb7
- Host: GitHub
- URL: https://github.com/jefelewis/firebase-atomicity-demo
- Owner: jefelewis
- Created: 2019-10-13T22:36:08.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2023-01-04T22:39:23.000Z (almost 2 years ago)
- Last Synced: 2023-03-07T18:39:17.834Z (almost 2 years ago)
- Topics: firebase-firestore, react-native, redux, redux-saga
- Language: JavaScript
- Homepage:
- Size: 1020 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 19
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React Native: Firebase Atomicity Demo
* [Built With](#built-with)
* [Pending Items](#pending-items)
* [Color Scheme](#color-scheme)
* [Screens](#screens)
* [Getting Started](#getting-started)
## Built With
* [JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript) - Programming Language
* [React Native](https://facebook.github.io/react-native/) - Mobile (iOS/Android) Framework
* [Redux](https://redux.js.org) - Global State
* [Redux Saga](https://redux-saga.js.org) - Asynchronous Redux
* [Firebase Cloud Firestore](https://firebase.google.com/docs/firestore) - Cloud Firestore (Database)
## Pending Items
## Color Scheme
* Blue: #007AFF
* Grey: #7D7D7D
* Light Grey: #E5E5E5
## Screens
## Getting Started
**1. Connect Firebase:**
In the root of your project, create a file called config.js. I've set up the .gitignore of this project to ignore the config.js file. **DO NOT COMMIT API KEYS TO GITHUB**. Copy and paste the **firebaseConfig** below into config.js to connect to Firebase.
```
// Firebase Config
const firebaseConfig = {
apiKey: 'YOUR_API_KEY_HERE',
authDomain: 'YOUR_AUTH_DOMAIN_HERE',
databaseURL: 'YOUR_DATABASE_URL_HERE',
projectId: 'YOUR_PROJECT_ID_HERE',
storageBucket: 'YOUR_STORAGE_BUCKET_HERE',
messagingSenderId: 'YOUR_MESSAGING_SENDER_ID_HERE',
appId: 'YOUR_APP_ID_HERE'
}
// Exports
module.exports = firebaseConfig;
```
**2. Add .gitignore:**
```
node_modules
node_modules/**/*
.expo/*
npm-debug.*
*.jks
*.p12
*.key
*.mobileprovision
*.orig.*
web-build/
web-report/
config
config/*
config/config
config/serviceAccount
```
**3. Enable Firebase Cloud Firestore:**
1. Navigate to "Database" on the left sidebar
2. Click on "Create Database"
3. Select "Start in test mode"
4. Click on "Enable"
**4. Install Dependencies:**
```
npm install
```
**5. Start NPM:**
```
npm start
```
**6. Start iOS Simulator:**
```
npm run simulator
```