aingface

React Redux 앱 만들기

# Redux + Plain JS template
npx create-react-app my-app --template redux
yarn create-react-app my-app --template redux

# Redux + TypeScript template
npx create-react-app my-app --template redux-typescript
yarn create-react-app my-app --template redux-typescript

redux

$npm install redux
$yarn add redux

react-redux

$npm install --save @types/react-redux
$yarn add @types/react-redux

redux-logger

$ npm i --save @types/redux-logger
$ yarn add @types/redux-logger

redux-toolkit

# NPM
npm install @reduxjs/toolkit

# Yarn
yarn add @reduxjs/toolkit

redux-devtools

$npm install --save-dev redux-devtools-extension
$yarn add redux-devtools-extension

Create React App을  TypeScript 템플릿으로 설치하려면 기존 방법에 문구를 추가해서 만들 수 있다. 

​Npm

npx create-react-app my-app --template typescript

cd my-app

npx start

yarn create react-app my-app --template typescript

cd my-app

yarn start

위 코드에서 my-app은 리액트 프로젝트를 설치할 dir이다. 현재 위치한 곳에 설치하려면 my-app 대신 . 을 적으면 된다.

참고

https://create-react-app.dev/docs/adding-typescript/