Redux 복습
🤔 그래서 왜 Redux를 사용하는가?
애플리케이션이 고도화되면서 확장하면 상태변수를 관리하는게 복잡해질 때,
Redux와 같은 서드파티 상태관리 라이브러리를 통해서역할분담을 할 수 있다.
React는 렌더링만 할 수 있게 된다. Redux의Slice와Thunk를 통해 백엔드와 통신해서 업데이트된 상태값만 받아볼 수 있게 된다.# 규모가 작은 앱에서는 효율성이 와닿지 않을 수 있지만, 앱이 복잡해질수록 Redux의 `dispatch`를 호출해 코드를 간소화할 수 있다.
회고
Node.js, Express로 변수를 원하는 대로 수정하고 값을 저장하는게 익숙했던 사람으로서 React의 상태변수와 불변성(immutable) 특성을 고려한 새로운 프레임워크를 이해하는 데 오래걸렸다.
그렇게 이해가 되질 않았던 이유를 돌이켜보니 '고유한 방법으로 구현한 새로운 프레임워크' 라는 것을 망각한 것이 발목을 잡았던 것 같다. Redux도 마찬가지로, node.js와 react에서 사용하는 개념과 공식을 대입해서 이해하려고 하면, 이 라이브러리가 제공하는 새로운 기능과 개념을 흡수하는데 오래걸릴 수 있다.
각 프레임워크가 해결하려는 문제, 이에 따라 제공하는 새로운 개념과 기능 등을 이해하고 문법을 그대로 받아들여보자!
Redux 사용에 따른 효과
appSlice
initialState
- 통상적으로 전역변수 상태값을 저장함
- 지역변수는 해당 컴포넌트에서만 사용하므로 Redux가 필요 없을 수 있음
Reducer
- 훅스 구현
extraReducer
- 비동기함수 처리와 그 상태값을 설정함
