Git Product home page Git Product logo

react-typescript-template's Introduction

React Typescript Template

Boostraped by create-react-app

Features

  • Support absolute imports by using baseUrl in tsconfig.json
  • Integrate Prettier to reformat code styles
  • Configure ESlint with airbnb and supports: Typescript, React, React-Hooks, Prettier, Imports.
  • Configure lint-stage and husky to use pre-commit hook to prevent bad style code pushed to GitHub

Guides

  • Copy dot files and tsconfig.json.

  • Install devDependencies packages: npm install --save-dev eslint @typescript-eslint/eslint-plugin eslint-config-airbnb eslint-config-prettier eslint-plugin-prettier eslint-plugin-react eslint-plugin-react-hooks husky lint-staged prettier

  • Add new scripts:

    "prettier": "prettier --write src/**/*.{ts,tsx}",
    "lint-staged": "lint-staged",
    "lint:ts": "eslint ./src --ext .ts,.tsx",
    "lint:ts:fix": "npm run lint:ts -- --fix"
  • Add package.json options:

    "lint-staged": {
      "src/**/*.{ts,tsx}": [ "eslint . --fix", "git add" ]
    },
    "husky": {
      "hooks": {
        "pre-commit": "lint-staged"
      }
    }

react-typescript-template's People

Contributors

phatnguyenuit avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.