react-ts-vite-template/README.md

Template Repo for React + Typescript + Vite

Introduction

This is a template repo for projects built with react and typescript on the basis of vite.

Packages

Here are the packages installed (in package.json).

{
  "dependencies": {
    "react": "^17.0.0",
    "react-dom": "^17.0.0"
  },
  "devDependencies": {
    "@apollo/client": "^3.4.16",
    "@syy11cn/config-router": "^1.0.5",
    "@types/react": "^17.0.33",
    "@types/react-dom": "^17.0.10",
    "@types/react-router-dom": "^5.3.2",
    "@typescript-eslint/eslint-plugin": "^5.2.0",
    "@typescript-eslint/parser": "^5.2.0",
    "@vitejs/plugin-react": "^1.0.0",
    "antd": "^4.16.13",
    "axios": "^0.24.0",
    "eslint": "^7.10.0",
    "eslint-plugin-react": "^7.26.1",
    "eslint-plugin-react-hooks": "^4.2.0",
    "esprima": "^4.0.1",
    "graphql": "^15.0.0",
    "husky": "^7.0.4",
    "lint-staged": "^11.2.6",
    "prettier": "^2.4.1",
    "react-router-dom": "^5.3.0",
    "stylelint": "^14.0.1",
    "stylelint-config-standard": "^23.0.0",
    "typescript": "^4.4.4",
    "vite": "^2.6.4"
  }
}

• react for building user interfaces.
• @apollo/client for sending gql requests.
• react-router-dom and @syy11cn/config-router for route configuration and guarding.
• typescript and peer plugins for writing .ts or .tsx files in react project.
• esprima for parsing typescript grammar.
• vite for the base build tool.
• eslint, stylelint, prettier and editorconfig for code checking and formatting.
• husky and lint-staged for git hooks configuration.

Folders