npx create-react-app <NOMBRE APLICACIÓN> --template typescript

Quitar las ^ de las dependencias del package.json

Eliminar yarn.lock si existe y si decidimos usar npm para la gestión de dependencias.

Instalar dependencias de nuevo npm i

Actualizar dependencias con npx npm-check -u -E

Crear fichero .env con el siguiente contenido dentro: SKIP_PREFLIGHT_CHECK=true

Crear fichero .editorconfig con lo siguiente:

root = true

[*]
indent_style = space
indent_size = 2
end_of_line = lf
trim_trailing_whitespace = true
insert_final_newline = true
charset = utf-8

[*.md]
indent_size = 4

Crear fichero .prettierrc con lo siguiente:

{
 "semi": false,
 "singleQuote": true,
 "printWidth": 100,
 "arrowParens": "avoid",
 "trailingComma": "none"
}

Endurecer la configuración del tsconfig.json con las siguientes opciones:

{
    "compilerOptions": {
        "strict": true,
        "noFallthroughCasesInSwitch": true,
        "noUnusedParameters": true,
        "noUnusedLocals": true,
        "alwaysStrict": true,
        "forceConsistentCasingInFileNames": true
    }
}

Instalar prettier: npm i prettier -DE

Añadir script de formateo al package.json:

{
    "scripts": {
        "format": "prettier --write \"modules/**/*.{js,jsx,ts,tsx,json,css,md}\""
    }
}

Añadir git hook con husky + lint-staged ejecutando el siguiente comando: npx mrm lint-staged

Añadir un hook de pre-push en el package.json que ejecute los test automáticamente cuando se haga push:

{
    "husky": {
        "hooks": {
            "pre-commit": "lint-staged",
            "pre-push": "npm test"
        }
    }
}