🌌 Frontend Boilerplate with React, TypeScript

👀 라이브러리

🔧 설정 파일들

🖋 title

<meta
 name="apple-mobile-web-app-title"
 content="React-TypeScript-Boilerplate"
/>

<title>React-TypeScript-Boilerplate</title>

🦞 favicon

📄 .eslintrc.json

{
 "extends": [
 "eslint:recommended",
 "plugin:react/recommended",
 "plugin:@typescript-eslint/recommended",
 "prettier/@typescript-eslint",
 "plugin:prettier/recommended"
 ],
 "plugins": ["react", "@typescript-eslint", "prettier"],
 "env": {
 "browser": true,
 "jasmine": true,
 "jest": true
 },
 "settings": {
 "react": {
 "pragma": "React",
 "version": "detect"
 }
 },
 "parser": "@typescript-eslint/parser"
}

📄 tsconfig.json

$ npx tsc --init

{
 "compilerOptions": {
 "target": "es5",
 "lib": ["dom", "dom.iterable", "esnext"],
 "noImplicitAny": false,
 "allowJs": true,
 "skipLibCheck": true,
 "esModuleInterop": true,
 "allowSyntheticDefaultImports": true,
 "strict": true,
 "forceConsistentCasingInFileNames": true,
 "module": "esnext",
 "moduleResolution": "node",
 "resolveJsonModule": true,
 "isolatedModules": true,
 "noEmit": true,
 "jsx": "react"
 },
 "include": ["src"]
}

📄 tslint.json

{
 "defaultSeverity": "error",
 "extends": ["tslint:recommended"],
 "jsRules": {},
 "rules": {
 "quotemark": false,
 "ordered-imports": false,
 "object-literal-sort-keys": false,
 "member-access": false
 },
 "rulesDirectory": []
}

📄 .prettierrc

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

Installation

$ npm install

Running

$ npm run start

Build

$ npm run build

Reference

License