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)) ...
Abonnement
tous les livres et vidéos ENI en illimité sans engagement
du livre imprimé ou du livre numérique