Skip to content

Files

admin

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
Dec 5, 2024
Dec 12, 2024
Dec 12, 2024
Nov 10, 2024
Nov 10, 2024
Nov 10, 2024
Nov 27, 2024
Nov 14, 2024
Dec 12, 2024
Dec 12, 2024
Nov 10, 2024
Nov 27, 2024
Nov 27, 2024
Nov 27, 2024
Nov 10, 2024
Dec 9, 2024

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: {
    // other options...
    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:
// eslint.config.js
import react from 'eslint-plugin-react'

export default tseslint.config({
  // Set the react version
  settings: { react: { version: '18.3' } },
  plugins: {
    // Add the react plugin
    react,
  },
  rules: {
    // other rules...
    // Enable its recommended rules
    ...react.configs.recommended.rules,
    ...react.configs['jsx-runtime'].rules,
  },
})