codelambs

React + TypeScript + Vite

Ce modèle fournit une configuration minimale pour faire fonctionner React en Vite avec HMR et certaines règles Eslint.

Actuellement, deux plugins officiels sont disponibles:

• @ vitejs / plugin-react utilise Babel pour une rafraîchissement rapide
• @ vitejs / plugin-react-swc utilise SWC pour une rafraîchissement rapide

Élargir la configuration d'Eslint

Si vous développez une application de production, nous vous recommandons de mettre à jour la configuration pour activer les règles de tendre de type type:

• Configurez la propriété parserOptions de niveau supérieur comme ceci:

   parserOptions : {
    ecmaVersion : 'latest' ,
    sourceType : 'module' ,
    project : [ './tsconfig.json' , './tsconfig.node.json' ] ,
    tsconfigRootDir : __dirname ,
   } ,

• Remplacer plugin:@typescript-eslint/recommended au plugin:@typescript-eslint/recommended-type-checked ou plugin:@typescript-eslint/strict-type-checked
• Ajouter éventuellement plugin:@typescript-eslint/stylistic-type-checked
• Installez Eslint-Plugin-React et Ajoutez plugin:react/recommended et plugin:react/jsx-runtime à la liste extends