react-native
ESLint in react-native

Introduction

Comment commencer

Il est fortement recommandé d'utiliser ESLint dans votre projet sur rea-native. ESLint est un outil de validation de code utilisant des règles spécifiques fournies par la communauté.

Pour rea-native, vous pouvez utiliser des ensembles de règles pour JavaScript, réagir et réagir de manière native.

Les règles communes ESLint avec motivation et explications pour javascript, vous pouvez trouver ici: https://github.com/eslint/eslint/tree/master/docs/rules . Vous pouvez simplement ajouter un jeu de règles prêt à l'emploi à partir des développeurs ESLint en ajoutant votre fichier .eslintr.json au noeud 'extend' 'eslint: recommended'. ("extend": ["eslint: recommended"]) Pour en savoir plus sur la configuration d'ESLint, vous pouvez lire ici: http://eslint.org/docs/developer-guide/development-environment . Il est recommandé de lire la documentation complète sur cet outil extrêmement utile.

Ensuite, des documents complets sur les règles pour ES Lint réagissent au plug-in que vous pouvez trouver ici: https://github.com/yannickcr/eslint-plugin-react/tree/master/docs/rules . Note importante: toutes les règles de réaction ne sont pas relatives à la réaction native. Par exemple: react / display-name et react / no-unknown-property par exemple. Une autre règle est 'must have' pour chaque projet sur react-native, tel que react / jsx-no-bind et react / jsx-key.

Soyez très prudent en choisissant votre propre jeu de règles.

Et finalement, il existe un plugin explicite pour rea-native: https://github.com/intellicode/eslint-plugin-react-native Remarque: Si vous divisez vos styles dans un fichier séparé, la règle rea-native / no-inline- les styles ne fonctionneront pas.

Pour que cet outil fonctionne correctement dans env-native env, vous devrez peut-être définir value ou "env" dans votre configuration: "env": {"browser": true, "es6": true, "amd": true} ,

ESLint est un outil clé pour le développement de produits de haute qualité.