react-native
ESLint in react-native
Zoeken…
Invoering
Dit is het onderwerp voor de uitleg van ESLint-regels voor react-native.
Hoe te beginnen
Het wordt ten zeerste aanbevolen om ESLint in uw project op react-native te gebruiken. ESLint is een hulpmiddel voor codevalidatie met behulp van specifieke regels die door de gemeenschap worden verstrekt.
Voor react-native kunt u regelsets gebruiken voor javascript, reageren en react-native.
Algemene ESLint-regels met motivatie en uitleg voor JavaScript kunt u hier vinden: https://github.com/eslint/eslint/tree/master/docs/rules . U kunt eenvoudig kant-en-klaar regelsets toevoegen van ESLint-ontwikkelaars door uw .eslintr.json toe te voegen aan eslint 'extended' node: recommended '. ("extended": ["eslint: recommended"]) Meer over ESLint configureren kunt u hier lezen: http://eslint.org/docs/developer-guide/development-environment . Het wordt aanbevolen om het volledige document over dit uiterst nuttige hulpmiddel te lezen.
Hierna vindt u volledige documentatie over regels voor de ES Lint-reactieplug-in: https://github.com/yannickcr/eslint-plugin-react/tree/master/docs/rules . Belangrijke opmerking: niet alle regels voor reageren zijn relatief ten opzichte van react-native. Bijvoorbeeld: react / display-name en react / no-unknown-property bijvoorbeeld. Een andere regel is 'must have' voor elk project op react-native, zoals react / jsx-no-bind en react / jsx-key.
Wees heel voorzichtig met het kiezen van uw eigen regelset.
En ten slotte is er een plug-in die expliciet is voor react-native: https://github.com/intellicode/eslint-plugin-react-native Opmerking: als u uw stijlen in een afzonderlijk bestand splitst, regelt u react-native / no-inline- stijlen zullen niet werken.
Voor een correcte werking van deze tool in react-native env moet u mogelijk waarde of 'env' instellen in uw configuratie: "env": {"browser": true, "es6": true, "amd": true} ,
ESLint is een belangrijk hulpmiddel voor de ontwikkeling van producten van hoge kwaliteit.