redux 공식문서

설치

Redux Toolkit

Redux Toolkit은 Redux 로직을 작성하기 위해 저희가 공식적으로 추천하는 방법입니다. RTK는 Redux 앱을 만들기에 필수적으로 여기는 패키지와 함수들을 포함합니다. 대부분의 Redux 작업을 단순화하고, 흔한 실수를 방지하며, Redux 앱을 만들기 쉽게 해주는 모범 사례를 통해 만들어졌습니다.

RTK는 저장소 준비, 리듀서 생산과 불변 수정 로직 작성, 상태 "조각" 전부를 한번에 작성 등 일반적인 작업들을 단순화해주는 유틸리티를 포함하고 있습니다.

여러분이 첫 프로젝트에 Redux를 새로 도입하는 입문자든 기존 앱을 단순화하고 싶은 경험자든 상관 없이, Redux Toolkit은 더 나은 Redux 코드를 만들게 도와줍니다.

# NPM
npm install @reduxjs/toolkit

# Yarn
yarn add @reduxjs/toolkit

React Redux 앱 만들기

React와 Redux로 새 앱을 만들기 위해 추천하는 방법은 Create React App를 위한 공식 Redux+JS 템플릿을 사용하는 것입니다. 이를 통해 Redux Toolkit와 React Redux가 React 컴포넌트와 통합되는 이점을 누릴 수 있습니다.

npx create-react-app my-app --template redux

Redux 코어

# NPM
npm install redux

# Yarn
yarn add redux

window.Redux 전역변수를 선언해주는 UMD 패키지도 사용 가능합니다. UMD 패키지는 <script> 태그로 바로 사용 가능합니다.

보조 패키지

npm install react-redux
npm install --save-dev redux-devtools

Redux 자체와는 달리 Redux 생태계의 많은 패키지들은 UMD 빌드를 제공하지 않으므로, 편안한 개발 경험을 위해 Webpack이나 Browserify 같은 CommonJS 모듈 번들러를 사용하기를 권합니다.

React Redux 앱 만들기

React와 Redux를 사용하는 새 앱을 만드는 방법으로는 Create React App의 공식 Redux+JS 템플릿을 사용하는 것을 추천합니다. 이를 통해 Redux Toolkit과 React Redux의 React 컴포넌트 통합이 주는 이점을 누릴 수 있습니다.

npx create-react-app my-app --template redux

npm i react-redux