react-native
ESLint in reaktionsnativ

Einführung

Wie man anfängt

Es wird dringend empfohlen, ESLint in reactative zu verwenden. ESLint ist ein Tool zur Code-Validierung unter Verwendung spezifischer Regeln, die von der Community bereitgestellt werden.

Für reag-native können Sie Regelsätze für Javascript verwenden, reagieren und native reagieren.

Allgemeine ESLint-Regeln mit Motivation und Erklärungen für Javascript finden Sie hier: https://github.com/eslint/eslint/tree/master/docs/rules . Sie können einfach fertige Regelsätze von ESLint-Entwicklern hinzufügen, indem Sie in .eslintr.json den Knoten "eslint: empfohlen" hinzufügen. ("Erweitert": ["eslint: empfohlen"]) Weitere Informationen zur ESLint-Konfiguration finden Sie hier: http://eslint.org/docs/developer-guide/development-environment . Es wird empfohlen, das vollständige Dokument über dieses äußerst nützliche Tool zu lesen.

Nachfolgend finden Sie die vollständigen Dokumente zu den Regeln für ES Lint React Plugin: https://github.com/yannickcr/eslint-plugin-react/tree/master/docs/rules . Wichtiger Hinweis: Nicht alle Regeln von reagieren sind relativ zu reaktionsnativ. Zum Beispiel: reagieren Sie / Anzeigename und reagieren Sie / keine unbekannte Eigenschaft. Andere Regeln sind für jedes Projekt, das zu reagieren hat, ein Muss. Dazu gehören zum Beispiel reag / jsx-no-bind und reag / jsx-key.

Seien Sie sehr vorsichtig bei der Auswahl Ihres eigenen Regelsatzes.

Und zu guter Letzt gibt es ein Plugin, das explizit für reaktionsnatürlich ist: https://github.com/intellicode/eslint-plugin-react-native Hinweis: Wenn Sie Ihre Stile in einer separaten Datei aufteilen, regieren Sie, native / no-inline-. Stile funktionieren nicht.

Damit dieses Tool in reaktiver Umgebung korrekt arbeiten kann, müssen Sie möglicherweise den Wert oder 'env' in Ihrer Konfiguration folgendermaßen einstellen: "env": {"browser": true, "es6": true, "amd": true} .

ESLint ist ein Schlüsselwerkzeug für die Entwicklung von qualitativ hochwertigen Produkten.