03 Oct La création du premier reducer
Définition: Un reducer contient un state avec un état initial et une action.
Dans le dossier src on va créer un dossier store dans ce dossier on va créer un autre dossier reducers.
Dans le dossier reducers on va créer un nouveau fichier countReducer.js
const initState = {
count: 0
}
const countReducer = (state = initState, action) => {
return state;
}
export default countReducer;
L’étape suivante est d’importer ce reducer dans notre fichier index.js
import countReducer from './store/reducers/countReducer';
Et on injecte dans notre function createStore notre Reducer
const store = createStore(countReducer);
La dernière étape à faire dans cette partie est d’importer le Provider de React Redux dans le fichier index.js
Une explication sur le Provider: makes the Redux store available to any nested components that have been wrapped in the connect() function.
...
import { Provider } from 'react-redux';
...
ReactDOM.render(<Provider store={store}><App /></Provider>, document.getElementById('root'));