💎 React Boilerplate with TypeScript 💎

💁 What’s Included?

Package	Version
react	^16.13
react-dom	^16.13
react-router	^5.2
react-scripts	3.4
styled-components	^5.2
typescript	^4.0
@typescript-eslint	^4.4

✨ Feature

🌚 Dark Mode

⚙️ Configuration

🛠 .eslintrc.json

{
  "parser": "@typescript-eslint/parser",
  "plugins": ["react", "@typescript-eslint", "prettier"],
  "extends": [
    "eslint:recommended",
    "plugin:react/recommended",
    "plugin:@typescript-eslint/recommended",
    "prettier/@typescript-eslint",
    "plugin:prettier/recommended"
  ],
  "rules": {
    "@typescript-eslint/explicit-module-boundary-types": "off"
  },
  "settings": {
    "react": {
      "version": "detect"
    }
  }
}

🧑‍🎨 .prettierrc

{
  "printWidth": 80,
  "singleQuote": true,
  "trailingComma": "all",
  "tabWidth": 2,
  "useTabs": false,
  "semi": true
}

⚙️ tsconfig.json

TypeScript의 컴파일러 옵션을 설정하는 tsconfig.json은 Create React App 프로젝트의 기본 설정을 따릅니다.

Installation

$ yarn

Getting Started

yarn start

Build

yarn build