├── .expo-shared
└── assets.json
├── .firebaserc
├── .gitignore
├── .watchmanconfig
├── App.js
├── README.md
├── app.json
├── assets
├── icon.png
└── splash.png
├── babel.config.js
├── firebase.json
├── functions
├── .gitignore
├── index.js
├── package.json
├── todos.js
└── yarn.lock
├── package.json
├── src
├── api.js
├── colors.js
├── components
│ ├── Header.js
│ └── TodoList.js
└── store
│ ├── actions.js
│ └── store.js
└── yarn.lock
/.expo-shared/assets.json:
--------------------------------------------------------------------------------
1 | {
2 | "f25c14ed382f3ad75b737a180b448856d9a619f75126054467df25dd9d114a09": true,
3 | "2499d383eaf540c7848d87d42a7640c2fe86976e7582caf0ba86b9a01d1b12b7": true
4 | }
--------------------------------------------------------------------------------
/.firebaserc:
--------------------------------------------------------------------------------
1 | {
2 | "projects": {
3 | "default": "redux-observable-todos"
4 | }
5 | }
6 |
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules/**/*
2 | .expo/*
3 | npm-debug.*
4 | *.jks
5 | *.p8
6 | *.p12
7 | *.key
8 | *.mobileprovision
9 | *.orig.*
10 | web-build/
11 | web-report/
12 |
--------------------------------------------------------------------------------
/.watchmanconfig:
--------------------------------------------------------------------------------
1 | {}
2 |
--------------------------------------------------------------------------------
/App.js:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import { StyleSheet, Text, View } from "react-native";
3 | import { Provider } from "react-redux";
4 | import { store } from "./src/store/store";
5 | import Header from "./src/components/Header";
6 | import TodoList from "./src/components/TodoList";
7 |
8 | export default function App() {
9 | return (
10 |
11 |
12 |
13 |
14 |
15 |
16 | );
17 | }
18 |
19 | const styles = StyleSheet.create({
20 | container: {
21 | flex: 1,
22 | flexDirection: "column",
23 | alignItems: "stretch"
24 | },
25 | todoList: {
26 | flex: 1
27 | }
28 | });
29 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | > This code is published as part of the corresponding blog article at the [Toptal Engineering Blog](https://www.toptal.com/react-native/react-redux-rxjs-tutorial)
2 | >
3 | > Visit https://www.toptal.com/blog and subscribe to our newsletter to read more great posts!
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |