React + TypeScript + Vite
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
Expanding the ESLint configuration
If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
- Configure the top-level
parserOptions
property like this:
export default tseslint.config({
languageOptions: {
parserOptions: {
project: ["./tsconfig.node.json", "./tsconfig.app.json"],
tsconfigRootDir: import.meta.dirname,
},
},
});
- Replace
tseslint.configs.recommended
to tseslint.configs.recommendedTypeChecked
or tseslint.configs.strictTypeChecked
- Optionally add
...tseslint.configs.stylisticTypeChecked
- Install eslint-plugin-react and update the config:
import react from "eslint-plugin-react";
export default tseslint.config({
settings: { react: { version: "18.3" } },
plugins: {
react,
},
rules: {
...react.configs.recommended.rules,
...react.configs["jsx-runtime"].rules,
},
});
Use in prj
Run:
-pnpm build
-pnpm link --global
In your prj to use run:
-pnpm install ${/lib/route}
-obs: when the comment "pnpm link --global" is run the terminal returns the lib route