DEV Community


Posted on

Tutorial - Integrate Redux-Saga in React Native App.

In one of our previous articles, we discussed the implementation of basic redux-form. If you want to know more about it than read that article first and get the idea of Redux Form or are struggling to use it in your application. Here on, we are going to set-up the redux-saga with redux form.

Today, we are going to implement all the authentication modules in our tutorial by using redux form and redux-saga.

At the end of the article, you will get to know about the Redux-saga and Redux-Form. We have used register, login and Dashboard for the Authentication module in that we used redux-form.

We also mention the use of two redux-form features Field Array and Wizard Form.

Steps for Redux Store Set up

  • setting up the store
  • app/index.js
  • store/index. Js
  • store/reducers.js
  • store/sagas.js

After following the steps, separate the register form and follow the steps.

  • Register/index.js
  • Register/RegisterPageOne.js
  • Register/RegisterPageTwo.js
  • Register/RegisterPageThree.js
  • Register/action.js
  • Register/saga.js

Now update the reducer, we also share the coding part of the tutorial in the article that will help you to implement the redux-saga with your redux-form in React Native development. If you want to know in details about the Integrate Redux-Saga in React Native App, visit our article.

Discussion (0)