p50874913
/
react-ts-vite-template
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
12 Commits 1 Branch 0 Tags 139 KiB
TypeScript 62.4%
CSS 23%
HTML 8.3%
JavaScript 6.3%
Go to file
syy11cn 6756c91757 feat: add @apollo/client and axios for requests 2021-10-30 15:12:38 +08:00
.vscode init react-vite project using vite@latest 2021-10-29 14:52:55 +08:00
src fix: fix stylelint warnings 2021-10-29 19:43:00 +08:00
.editorconfig feat: add editorconfig 2021-10-29 15:11:19 +08:00
.eslintignore feat: add eslint for code verification 2021-10-29 15:06:11 +08:00
.eslintrc feat: add eslint for code verification 2021-10-29 15:06:11 +08:00
.gitignore init react-vite project using vite@latest 2021-10-29 14:52:55 +08:00
.prettierignore feat: add prettier for code formatting 2021-10-29 15:09:26 +08:00
.prettierrc feat: add prettier for code formatting 2021-10-29 15:09:26 +08:00
.stylelintrc feat: add stylelint 2021-10-29 16:27:35 +08:00
LICENSE feat: add react router and config router 2021-10-29 17:04:12 +08:00
README.md feat: add @apollo/client and axios for requests 2021-10-30 15:12:38 +08:00
index.html feat: add typescript support 2021-10-29 16:46:00 +08:00
package.json feat: add @apollo/client and axios for requests 2021-10-30 15:12:38 +08:00
tsconfig.json feat: add typescript support 2021-10-29 16:46:00 +08:00
vite.config.js add sample usage of config router 2021-10-29 17:38:30 +08:00
yarn.lock feat: add @apollo/client and axios for requests 2021-10-30 15:12:38 +08:00

README.md

Template Repo for React + Typescript + Vite

React Vite TypeScript

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