Vite + React + Typescript + Eslint + Prettier + EditorConfig

A starter for React with Typescript with the fast Vite and all static code testing with Eslint and formatting with Prettier and EditorConfig.

Installation & run

Install Eslint and EditorConfig extensions for VS Code. Do not install the Prettier extension
Add these configs to VS Code settings:

"[javascript]": {
    "editor.defaultFormatter": null,
},
"editor.codeActionsOnSave": {
    "source.fixAll.eslint": true,
    "source.organizeImports": false
},
"editor.formatOnSave": false,
"eslint.codeActionsOnSave.mode": "all",
"eslint.packageManager": "yarn",
"eslint.validate": [
    "javascript",
    "javascriptreact"
],

Clone the repo and run:

cp .env.example .env

yarn

yarn dev

Troubleshooting

Error: Cannot find module 'node:path'

Solution: Use Node.js v16

Error: Command failed: node /path/to/project/node_modules/esbuild/bin/esbuild --version dyld: Symbol not found: _SecTrustEvaluateWithError

Solution:

Stop using npm or yarn for this project
Install pnpm
Remove node_modules
Remove yarn.lock (if exists)
Remove package-lock.json (if exists)
Add the following to package.json

"devDependencies":
    "esbuild-wasm":"latest",
},
"pnpm":{
    "overrides":{
        "esbuild":"npm:esbuild-wasm@latest"
    }
},

Download the dependencies:

pnpm i

Run the project:

pnpm run dev

Credits