Redux 시작하기
Redux 시작하기 (Getting Started)
Redux는 예측 가능하고 유지보수하기 쉬운 전역 상태 관리를 위한 자바스크립트 라이브러리예요. 일관되게 동작하고 클라이언트·서버·네이티브 등 여러 환경에서 실행할 수 있으며 테스트하기 쉬운 애플리케이션을 작성하는 데 도움을 줘요. 게다가 라이브 코드 편집과 타임 트래블 디버거를 결합한 뛰어난 개발 경험까지 제공해요.
React와 함께? 어떤 뷰와도 가능
Redux는 React와 함께 쓸 수도 있고, 다른 어떤 뷰 라이브러리와도 함께 쓸 수 있어요. 본체는 아주 작아서(의존성 포함 2kB) 가볍고, 그 위에 쓸 수 있는 큰 애드온 생태계가 있어요.
Redux Toolkit이 공식 권장 방식
**Redux Toolkit(RTK)**은 Redux 로직을 작성하는 공식 권장 방식이에요. Redux 코어를 감싸며, Redux 앱을 만드는 데 필수적이라고 판단되는 패키지와 함수를 담고 있어요. RTK는 권장 모범 사례를 기본으로 내장하고, 대부분의 Redux 작업을 단순화하며 흔한 실수를 예방하고, Redux 애플리케이션을 더 쉽게 작성하게 해 줘요.
RTK에는 store 설정, 리듀서와 불변 업데이트 로직 작성, 심지어 상태 전체의 "슬라이스(slice)"를 한 번에 만드는 것까지 많은 일반적인 사용 사례를 단순화하는 유틸리티가 포함돼 있어요.
첫 프로젝트를 설정하는 초보자든, 기존 애플리케이션을 단순화하려는 경험자든 Redux Toolkit이 Redux 코드를 더 좋게 만드는 데 도움을 줄 수 있어요.
설치
Redux Toolkit은 모듈 번들러를 쓰는 프로젝트나 Node 애플리케이션에서 NPM 패키지로 설치할 수 있어요.
# NPM
npm install @reduxjs/toolkit
# Yarn
yarn add @reduxjs/toolkit
새 앱을 시작할 때는 공식 템플릿을 쓰는 걸 권장해요. 이 템플릿들은 Redux + React로 구성된 프로젝트가 미리 설정되어 있어서 빠르게 시작할 수 있어요.