/React_TS_Boilerplate

Primary LanguageTypeScript

React_TS_Boilerplate

create-react-app을 이용하지 않고 최소한의 스택으로 구성한 리액트ts 보일러 플레이트입니다.

0. 실행 방법

  • 터미널에서 yarn install을 입력해 패키지를 설치합니다.
  • 이후에 yarn start를 입력해 app을 실행시킵니다.

1. 기술 스택

  • UI라이브러리: React (함수형 & hook)
  • 언어: Ts
  • 스타일: Emotion
  • 서버통신: Axios
  • 라우팅: react-router-dom
  • 번들링: Webpack5
  • 트랜스파일: Babel
  • 포맷팅&린팅: EsLint, Prettier

2. 폴더 구조

📦React_TS_Boilerplate
 ┣ 📂public
 ┃ ┗ 📜index.html
 ┣ 📂src
 ┃ ┣ 📂apis
 ┃ ┃ ┣ 📜index.ts
 ┃ ┃ ┗ 📜request.ts
 ┃ ┣ 📂components
 ┃ ┃ ┗ 📜index.ts
 ┃ ┣ 📂pages
 ┃ ┃ ┗ 📜index.ts
 ┃ ┣ 📂style
 ┃ ┃ ┣ 📜GlobalStyle.tsx
 ┃ ┃ ┣ 📜emotion.d.ts
 ┃ ┃ ┣ 📜index.ts
 ┃ ┃ ┗ 📜theme.ts
 ┃ ┣ 📂types
 ┃ ┃ ┗ 📜index.ts
 ┃ ┣ 📂utils
 ┃ ┃ ┗ 📜index.ts
 ┃ ┣ 📜App.tsx
 ┃ ┣ 📜index.tsx
 ┃ ┗ 📜reportWebVitals.js
 ┣ 📜README.md
 ┣ 📜babel.config.js
 ┣ 📜package-lock.json
 ┣ 📜package.json
 ┣ 📜routes.json
 ┣ 📜tsconfig.json
 ┗ 📜webpack.config.js