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) { 
     ...
Pour consulter la suite, découvrez le livre suivant :
couv_EIREA.png
60-signet.svg
En version papier
20-ecran_lettre.svg
En version numérique
41-logo_abonnement.svg
En illimité avec l'abonnement ENI
130-boutique.svg
Sur la boutique officielle ENI
Précédent
Utiliser une fonctionnalité native : l’appareil photo
Suivant
Plus loin avec la navigation