Explicacion basica de configuracion de proyecto react ts

BASE.md

Configuracion de vscode

• Instalar extensiones recomendadas

• Configurar gist y etc.

• Instalar modulos npm requeridos

yarn add -D eslint@^7.11.0 eslint-plugin-react prettier prettier-eslint eslint-plugin-jest eslint-plugin-react-hooks @typescript-eslint/eslint-plugin @typescript-eslint/parser husky
yarn add -D @typescript-eslint/eslint-plugin@latest

Solo funciona en linux o con gitbash
yarn add -D @commitlint/{config-conventional,cli}

• Agregar scripts en package.json

{
  "scripts": {
    "lint": "eslint \"**/*.{ts,tsx,js,jsx}\"",
    "prepare": "husky install"
  }
}

• Agregar precommit hook con husky Crear carpeta .husky

npx husky add .husky/pre-commit 'yarn lint && yarn test --watchAll=false'
<!-- npx husky add .husky/commit-msg 'npx --no-install commitlint --edit $1' --> Es muy molesto

Se puede agregar -n/--no-verify en el commit para salta esta validacion

Referencias

• https://www.ankurkedia.com/blog/react-starter
• https://javascript.plainenglish.io/setting-eslint-and-prettier-on-a-react-typescript-project-2021-22993565edf9
• https://www.conventionalcommits.org/en/v1.0.0/