react-native
ESLint på reaktivt infödda

Introduktion

Hur man börjar

Det rekommenderas starkt att använda ESLint i ditt projekt om reagera. ESLint är ett verktyg för kodvalidering med hjälp av specifika regler från community.

För react-native kan du använda regeluppsättningar för javascript, react och react-native.

Vanliga ESLint-regler med motivation och förklaringar till javascript hittar du här: https://github.com/eslint/eslint/tree/master/docs/rules . Du kan helt enkelt lägga till färdiga regeluppsättningar från ESLint-utvecklare genom att lägga till i din .eslintr.json till "utökar" nod "eslint: rekommenderas". ("extends": ["eslint: rekommenderas"]) Mer om ESLint-konfigurering kan du läsa här: http://eslint.org/docs/developer-guide/development-en miljø . Det rekommenderas att du läser hela dokumentet om detta extremt användbara verktyg.

Därefter kan du hitta fullständiga dokument om regler för ES Lint-reagens-plugin här: https://github.com/yannickcr/eslint-plugin-react/tree/master/docs/rules . Viktig anmärkning: inte alla regler från reagera är relativt de som reagerar. Till exempel: reagera / visa-namn och reagera / ingen-okänd-egenskap till exempel. Ytterligare regler är "måste ha" för varje projekt som reagerar, t.ex. react / jsx-no-bind och react / jsx-key.

Var mycket försiktig när du väljer din egen regeluppsättning.

Och slutligen finns det ett plugin explicidly för react-native: https://github.com/intellicode/eslint-plugin-react-native Obs! Om du delar dina stilar i en separat fil, regel react-native / no-inline- stilar fungerar inte.

För korrekt bearbetning av det här verktyget i reaktivt env kan du behöva ställa in värde eller 'env' i din konfigurering till detta: "env": {"webbläsare": true, "es6": true, "amd": true} ,

ESLint är ett viktigt verktyg för utveckling av högkvalitativ produkt.