react-native
ESLint w native-reagującym

Wprowadzenie

Jak zaczac

Zdecydowanie zaleca się stosowanie ESLint w swoim projekcie na React-Native. ESLint to narzędzie do sprawdzania poprawności kodu przy użyciu określonych reguł dostarczonych przez społeczność.

Dla React-Native możesz używać zestawów reguł dla javascript, React i React-Native.

Wspólne reguły ESLint z motywacją i objaśnieniami dla javascript można znaleźć tutaj: https://github.com/eslint/eslint/tree/master/docs/rules . Możesz po prostu dodać gotowy zestaw reguł od programistów ESLint, dodając plik .eslintr.json do „rozszerzenia” węzła „eslint: zalecany”. („extends”: [„eslint: Recommended”]) Więcej informacji na temat konfiguracji ESLint można znaleźć tutaj: http://eslint.org/docs/developer-guide/development-environment . Zaleca się przeczytanie pełnego dokumentu na temat tego niezwykle przydatnego narzędzia.

Następnie pełne dokumenty dotyczące reguł dla wtyczki ES Lint reagują na: https://github.com/yannickcr/eslint-plugin-react/tree/master/docs/rules . Ważna uwaga: nie wszystkie reguły reagują względem rodzimej reakcji. Na przykład: reaguj / nazwa wyświetlana i reaguj na przykład / no-unknown-property. Inne zasady są „obowiązkowe” dla każdego projektu na miejscu-reagowania, takie jak: reaguj / jsx-no-bind i reaguj / klucz jsx.

Zachowaj ostrożność przy wyborze własnego zestawu reguł.

I na koniec, istnieje wtyczka wyraźnie dla reag-native: https://github.com/intellicode/eslint-plugin-react-native Uwaga: Jeśli podzielisz swoje style na osobny plik, reguła reaguj na rodzimy / no-inline- style nie będą działać.

W celu poprawnego działania tego narzędzia w środowisku en-React-Native może być konieczne ustawienie wartości lub „env” w konfiguracji na: „env”: {„browser”: true, „es6”: true, „amd”: true} ,

ESLint jest kluczowym narzędziem do opracowywania produktu wysokiej jakości.