Sommaire

Ajouter Redux à l’application Redux

Ajouter Redux à une application React Native ne présente pas de différence par rapport à une application web. Il faudra commencer par installer les dépendances nécessaires :

$ yarn add redux react-redux redux-thunk

Il n’est pas nécessaire ici de séparer la gestion du store en plusieurs services, nous aurons donc un seul fichier store.js dans lequel nous placerons actions et reducer. Actions reducer

// src/store.js 
import { createStore, applyMiddleware } from ’redux’ 
import thunk from ’redux-thunk’ 
 
const initialState = { 
 loading: false, 
 contacts: [], 
 error: null 
} 
 
const actionTypes = { 
 LOAD_CONTACTS: ’LOAD_CONTACTS’, 
 LOAD_CONTACTS_START: ’LOAD_CONTACTS_START’, 
 LOAD_CONTACTS_SUCCESS: ’LOAD_CONTACTS_SUCCESS’, 
 LOAD_CONTACTS_FAILURE: ’LOAD_CONTACTS_FAILURE’ 
} 
 
export const actions = { 
 loadContacts: () => async dispatch => { 
   dispatch(actions.loadContactsStart()) 
   try { 
     const res = await 
       fetch(’https://jsonplaceholder.typicode.com/users’) 
     const contacts = await res.json() 
     dispatch(actions.loadContactsSuccess(contacts)) 
   } catch (err) { 
     dispatch(actions.loadContactsFailure(err))  ...