Skip to content
πŸ‘Ά Ideal method for creating React apps with TypeScript from beginning
TypeScript HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github
public
src
.eslintignore
.eslintrc.json
.gitignore
.nvmrc
README.md
package.json
tsconfig.json
tslint.json

README.md

🌌 Frontend Boilerplate with React, TypeScript

Ideal method for creating React apps from beginning

πŸ‘€ Contains

Library Version
react (with 🎣Hooks) ^16.11
react-dom ^16.11
react-router ^5.1
react-scripts 3.2
styled-components ^4.4
typescript 3.6

πŸ”§ Config files

πŸ“„ .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

{
  "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
  },
  "rulesDirectory": []
}

πŸ“„ .prettierrc

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

Installation

$ yarn

Running

$ yarn start

Build

$ yarn build

Reference

License

MIT

You can’t perform that action at this time.