react-native
ESLint in react-native

introduzione

Come iniziare

Si consiglia vivamente di utilizzare ESLint nel proprio progetto su nativo reattivo. ESLint è uno strumento per la convalida del codice utilizzando regole specifiche fornite dalla comunità.

Per react-native è possibile utilizzare set di regole per javascript, reagire e reagire-nativi.

Regole ESLint comuni con motivazione e spiegazioni per javascript che puoi trovare qui: https://github.com/eslint/eslint/tree/master/docs/rules . Puoi semplicemente aggiungere un set di regole pronto agli sviluppatori ESLint aggiungendo il tuo .eslintr.json al nodo 'extends' eslint: consigliato '. ("extends": ["eslint: raccomandato"]) Ulteriori informazioni sulla configurazione di ESLint puoi leggere qui: http://eslint.org/docs/developer-guide/development-environment . Si consiglia di leggere il documento completo su questo strumento estremamente utile.

Successivamente, i documenti completi sulle regole per il plugin ES Lint react sono disponibili qui: https://github.com/yannickcr/eslint-plugin-react/tree/master/docs/rules . Nota importante: non tutte le regole di reazione sono relative alla reazione nativa. Ad esempio: react / display-name e react / no-unknown-property per esempio. Un'altra regola è 'must have' per ogni progetto su react-native, come react / jsx-no-bind e react / jsx-key.

Stai molto attento a scegliere il tuo set di regole.

Infine, esiste un plug-in esplicativo per react-native: https://github.com/intellicode/eslint-plugin-react-native Nota: se si suddividono gli stili in un file separato, la regola reagisce-native / no-inline- gli stili non funzioneranno.

Per il corretto funzionamento di questo strumento in env react-native potresti aver bisogno di impostare valore o 'env' nella tua configurazione a questo: "env": {"browser": true, "es6": true, "amd": true} ,

ESLint è uno strumento chiave per lo sviluppo di prodotti di alta qualità.