[Redux] 리덕스 툴킷(Redux Toolkit)으로 리덕스 쉽게 사용하기
Redux 2023. 8. 31. 21:20

Redux Toolkit을 사용하는 이유 Redux Toolkit이란 Redux 상태 관리 라이브러리의 공식적인 패키지로, Redux를 보다 간편하고 효율적으로 활용할 수 있도록 도와주는 도구이다. Redux Toolkit이 아닌 Redux를 처음 접했을 때 느꼈던 막막함은 아직도 기억에 남을 정도로 보일러플레이트 코드가 많아서 작성 부담이 컸었고, 표준 없이 자유로운 구조로 상태 관리를 해야 하는 것에 매우 복잡함을 느꼈었다. Redux Toolkit은 보일러플레이트 코드* 작성을 최소화하고 표준을 제공하여 개발자로서 더 효율적으로 학습하고 사용할 수 있게 도와주는 도구이다. Redux에 비해 학습 곡선도 낮고 코드 일관성도 높아지는 등 리덕스보다 장점이 훨배 많기 때문에 현재는 Redux Toolki..

[Redux] 바닐라 자바스크립트에서 리덕스 사용해보기
Redux 2023. 8. 27. 23:17

createStore() const store = createStore(reducer); createStore()는 전역으로 관리할 상태들을 저장하는 store를 생성한다. reducer // Action Type의 경우 미리 변수로 선언해준다. (대문자) const ADD = 'ADD'; const MINUS = 'MINUS'; // Reducer const reducer = (state = 0, action) => { switch (action.type) { case ADD: return state + 1; case MINUS: return state - 1; default: return state; } } createStore()로 생성한 store에는 매개변수로 reducer가 필수로 들어가야 한..