How to Integrate Redux in Expo React Native

Create a todo app to learn how to integrate redux

In another article, we already made a simple explanation of Redux. In this article, we are going to create a todo app with the redux base on this project.

We will also copy some code from another project, to add the input box and style.

Source Code:

React native Expo for multiplatform mobile app development

First, we create a store folder. And inside the store folder, create store.js, taskAction.js, taskReducer.js and taskTypes.js

Inside the taskTypes.js, we export these three constants.

export const ADD_TASK = "ADD_TASK";
export const DELETE_TASK = "DELETE_TASK";
export const DID_TASK = "DID_TASK";

Inside taskAction.js, create the following action creators.

import { ADD_TASK, DELETE_TASK…