seungjae-yu/react-typescript-project-starter

프로젝트 시작할때마다 또 설정하기 번거로우니 미리 세팅해두고 쓰자. (React/TypeScript/Redux/Jest 설정)

React TypeScript Project Starter

프로젝트 시작할때마다 반복해서 설정하기 번거로우니 미리 세팅해두고 가져다 쓰자.
It's troublesome to set it up repeatedly whenever the project starts, so let's set it up in advance and use it.

---

단계별 내용 : https://seungjae-yu.github.io/TIL/ReactStarter/00_project_desc.html

---

install packages

• react
• typescript
• Redux / react-redux
• Jest / ts-jest
• Material UI
• Styled Component
• immer

1. React

• create react-app으로 프로젝트 생성 후 불필요한 파일 삭제

2. TypeScript

• TypeScript tsconfig 기본 설정

3. Redux

• Redux rootReducer 설정 및 index.tsx에 적용
• reducer를 vscode snippets으로 생성

4. Jest

• Jest 기본 세팅 및 TypeScript 설정

5. Material UI

• Material UI 설치 및 typescript @types 설치

6. Styled Component

• Styled Component 설치 및 Material UI 연동