Refatorando nomes dos reduces para melhor atender

Author: Catharina Mesquita

src/components/ComponentList/index.js

@@ -1,13 +1,13 @@
 import React from 'react';
 import { useSelector, useDispatch } from 'react-redux';
-import { Types } from '../../store/reducer';
+import { Types } from '../../store/reducer/example-reducer';
 
 export default function ComponentList() {
 
   const qty = 20
 
   const list = useSelector(
-      state => state.data.slice(0, qty)
+      state => state.exampleReducer.data.slice(0, qty)
     , [qty]);
   const dispatch = useDispatch();
 

src/store/index.js

@@ -1,7 +1,7 @@
 import { createStore } from 'redux'
 
-import reducer from './reducer'
+import rootReducer from './reducer'
 
-const store = createStore(reducer)
+const store = createStore(rootReducer)
 
 export default store;

src/store/reducer.js renamed to src/store/reducer/example-reducer.js

@@ -1,5 +1,9 @@
 import { createActions, createReducer } from 'reduxsauce';
 
+/**
+ *  Criando os Types e Creators
+ *  Ex.: Type.ADD e add = { type: Type.ADD, params }
+ */
 export const { Types, Creators } = createActions({
   add: ["title"]
 })
@@ -16,6 +20,15 @@ const add = (state = INITIAL_STATE, action) => {
   return { ...state, data: [ ...state.data, action.title ]}
 }
 
+/**
+ * Criando os reducers
+ * Ex.: [Types.ADD]: add == switch actions.type
+ *                            case Type.ADD
+ *                               return add(state, action)
+ *                             default
+ *                                return state
+ */
+
 export default createReducer(INITIAL_STATE, {
   [Types.ADD]: add,
 })

src/store/reducer/index.js

@@ -0,0 +1,7 @@
+import { combineReducers } from 'redux';
+
+import exampleReducer from './example-reducer'
+
+export default combineReducers({
+  exampleReducer,
+})