-
๋ฆฌ๋์ค ์ค์น npm i redux react-redux redux-thunk redux-devtools-extension
-
store.js ์์ฑ
-
ํ์ํ ๋ผ์ด๋ธ๋ฌ๋ฆฌ ์์ฑ
-
App.js ๋ด๋ถ์ Provider, store import
-
Provider ๋ก ์ ์ฒด ๊ฐ์ธ๊ธฐ
-
reducers ํ์ผ ์์ฑ
-
๋ด๋ถ์ index.js ์์ฑ
-
ํ์ ๊ฐ์ฒด post๋ก ์์ฑ --> db.json์ "patients":{} ๋ง๋ค์ง ์๊ณ , ๊ณง๋ฐ๋ก fetch ๊ฐ๋ฅํ ๊น?
(๋ณ์ ๊ฐ์ธ์ ๋ณด๋์์ ๋ฐ๊ธ ๊ธฐ๋ฅ => ๋ฐ๊ธ๋ ์๋ฅ๋ ์ด๋ป๊ฒ ์ ์ฅํ ๊ฒ์ธ)
- push ๊ฐ ์ ์๋ผ?
Mutaion in state is not recommended.
Instead mutating the state, just return another object. for example using filter method in array state is a. good method to delete some elements in array. Because filter() method just return a new state(array) instead mutate a state.
Dispatching actions, and modifying the data(states) through the actions.
it is good to separate functions as its minimum responsiblity, dispatchors should only perform dispatching actions, and those actions will get an action type and data(payload).
So that the reducers will change the state(data) and we can use those updated data through the 'getState() method'.
In Redux Middleware, Reducer is the only place that states of data modified, so that it is easy to handle the data and states.
If we don't use Redux, all data and states are handled in the component level which will occur big difficulty in controlling data because the states will be separated in all of components.