listing todos

src/TodoList.js

@@ -0,0 +1,18 @@
+import React from "react";
+
+import { View, Text } from "react-native";
+import { connect } from "react-redux";
+
+const TodoList = ({ todos }) => (
+  <View>
+    {todos.map(todo => (
+      <Text>{todo}</Text>
+    ))}
+  </View>
+);
+
+const mapStateToProps = state => ({
+  todos: state.todos
+});
+
+export default connect(mapStateToProps)(TodoList);

src/index.js

@@ -2,11 +2,12 @@ import React from "react";
 import { Text, View } from "react-native";
 import { Provider } from "react-redux";
 import store from "./store";
+import TodoList from "./TodoList";
 
 const App = () => (
   <Provider store={store}>
     <View>
-      <Text>Home</Text>
+      <TodoList />
     </View>
   </Provider>
 );

src/store/index.js

@@ -1,5 +1,6 @@
 import { createStore } from "redux";
+import reducers from "./reducers";
 
-const store = createStore(() => {});
+const store = createStore(reducers);
 
 export default store;

src/store/reducers/index.js

@@ -0,0 +1,6 @@
+import { combineReducers } from "redux";
+
+import todos from "./todos";
+export default combineReducers({
+  todos
+});

src/store/reducers/todos.js

@@ -0,0 +1,10 @@
+const INITIAL_STATE = ["fazer café", "estudar react native"];
+
+export default function todos(state = INITIAL_STATE, action) {
+  switch (action.type) {
+    case "ADD_TODO":
+      return [...state, action.text];
+    default:
+      return state;
+  }
+}