redux
Redux에서 사용되는 주요 키워드들
액션(action) 상태에 어떠한 변화가 필요하게 될 때 액션을 발생시킴. 어떻게 업데이트 할지 정의하는 정보를 가진 객체. { type: "ADD_TODO", data: { id: 0, text: "리덕스 배우기" } } 액션 생성함수(Action Creator) 액션을 만들어주는 함수. 단순히 파라미터를 받아와서 액션 객체를 만들어주는 함수이다. 필수는 아니지만, 나중에 더 편하게 액션 객체를 만들 수 있다. export function addTodo(data) { return { type: "ADD_TODO", data }; } // 화살표 함수로도 가능 리듀서(reducer) 상태를 바꿔주는 함수. 액션 타입이 무엇이냐에 따라 다른 업데이트 작업을 한다. 불변성 유지를 위해 spread연산자나 c..
ContextAPI에는 없지만 Redux에 있는 장점들
1. 미들웨어 비동기 작업을 더욱 체계적으로 관리 가능 2. 유용한 함수와 Hooks 1) connect: 전역적인 상태를 props로 받아와서 쓸 수 있음. 2) useSelector, useDispatch, useStore를 통해 Redux에서 관리하는 상태를 쉽게 조회하고 액션을 쉽게 dispatch 할 수 있음. 3. 기본적인 최적화가 이미 되어있음 4. 모든 글로벌 상태들을 크게 하나로 만들 수 있음 5. DevTools 6. 이미 Redux를 사용중인 프로젝트가 많음 *Redux를 쓰면 유용한 경우 1. 프로젝트 규모가 크다. 2. 비동기 작업을 자주 한다. 3. 리덕스가 사용하기 편하다. https://react.vlpt.us/ 강의자료를 참고하여 작성하였습니다.