worldcup-2026-prediction

Questo template fornisce una configurazione minimale per far funzionare React in Vite con HMR e alcune regole ESLint.

Attualmente, sono disponibili due plugin ufficiali:

• @vitejs/plugin-react usa Oxc
• @vitejs/plugin-react-swc usa SWC

React Compiler

Il React Compiler non è abilitato in questo template a causa del suo impatto sulle performance di sviluppo e build. Per aggiungerlo, consulta questa documentazione.

Espansione della configurazione ESLint

Se stai sviluppando un'applicazione di produzione, ti raccomandiamo di aggiornare la configurazione per abilitare le regole di linting "type-aware":

export default defineConfig([
  globalIgnores(['dist']),
  {
    files: ['**/*.{ts,tsx}'],
    extends: [
      // Altre configurazioni...

      // Rimuovi tseslint.configs.recommended e sostituiscilo con questo
      tseslint.configs.recommendedTypeChecked,
      // In alternativa, usa questo per regole più stringenti
      tseslint.configs.strictTypeChecked,
      // Opzionalmente, aggiungi questo per regole stilistiche
      tseslint.configs.stylisticTypeChecked,

      // Altre configurazioni...
    ],
    languageOptions: {
      parserOptions: {
        project: ['./tsconfig.node.json', './tsconfig.app.json'],
        tsconfigRootDir: import.meta.dirname,
      },
      // altre opzioni...
    },
  },
])

Puoi anche installare eslint-plugin-react-x e eslint-plugin-react-dom per regole di linting specifiche per React:

// eslint.config.js
import reactX from 'eslint-plugin-react-x'
import reactDom from 'eslint-plugin-react-dom'

export default defineConfig([
  globalIgnores(['dist']),
  {
    files: ['**/*.{ts,tsx}'],
    extends: [
      // Altre configurazioni...
      // Abilita regole di linting per React
      reactX.configs['recommended-typescript'],
      // Abilita regole di linting per React DOM
      reactDom.configs.recommended,
    ],
    languageOptions: {
      parserOptions: {
        project: ['./tsconfig.node.json', './tsconfig.app.json'],
        tsconfigRootDir: import.meta.dirname,
      },
      // altre opzioni...
    },
  },
])