reducer / Redux / Redux Toolkit

 

🟡 reducer / Redux / Redux Toolkit의 관계

reducer, Redux, Redux Toolkit은 모두 상태 관리와 관련되어 있지만 각각의 역할이 다르다.

• reducer: 상태를 변경하는 함수.
• Redux: 전역 상태를 관리하는 라이브러리.
• Redux Toolkit: Redux를 쉽고 효율적으로 사용할 수 있도록 만든 공식 라이브러리.

 

◼️ reducer

reducer는 현재 State와 Action을 받아 새로운 State를 반환하는 함수이다.

상태를 어떻게 변경할지 정의하는 역할을 하며, Redux뿐만 아니라 React의 useReducer에서도 사용된다.

(state, action) => newState

 

◼️ Redux

Redux는 애플리케이션의 전역 상태를 관리하는 상태 관리 라이브러리이다.

Store를 중심으로 State를 관리하며, Action → Dispatch → Reducer 과정을 통해 상태를 변경한다.

즉, reducer를 사용하여 전역 상태를 관리하는 시스템이라고 볼 수 있다.

 

◼️ Redux Toolkit

Redux Toolkit(RTK)은 Redux를 쉽고 효율적으로 사용할 수 있도록 만든 Redux 공식 라이브러리이다.

기존 Redux에서 반복적으로 작성해야 했던 Action, Reducer, Store 설정 등을 간단하게 작성할 수 있도록 다양한 API를 제공한다.

대표적인 API

• configureStore()
• createSlice()

현재는 Redux를 사용할 경우 Redux Toolkit 사용이 공식 권장된다.

 

 

📋 reducer vs Redux vs Redux Toolkit 📋

구분	reducer	Redux	Redux Toolkit
종류	함수	상태 관리 라이브러리	Redux 공식 라이브러리
역할	State 변경	전역 State 관리	Redux를 간편하게 사용
사용 위치	useReducer, Redux	애플리케이션 전체	Redux 프로젝트
대표 기능	State 변경 로직	Store, Action, Dispatch 관리	configureStore(), createSlice()