“Steigern” Sie Ihre reaktiven nativen Apps

React Native stand bei mobilen Entwicklern schon immer im Rampenlicht. Und zu oft vergleichen sie es mit Aussehen, Verhalten und Leistung mit nativen Anwendungen. Nach einigen Monaten des Herumspielens mit React Native habe ich nur einige Punkte herausgebracht, die Ihnen helfen würden, die Leistung Ihrer App zu steigern.

Wiederverwendbare Komponenten erstellen

Kleine unabhängige wiederverwendbare Komponenten erleichtern Ihnen die Arbeit immer erheblich. Unabhängiger ist eine Komponente. Mehr kann wiederverwendet werden.

CSS wiederverwenden, StyleSheet verwenden

Trennen Sie CSS vom m des JS-Codes und verwenden Sie das Styling für Ihre Komponenten erneut. Wenn Sie aus einem Stilobjekt ein Stylesheet erstellen, können Sie anhand der ID darauf verweisen, anstatt jedes Mal ein neues Stilobjekt zu erstellen. Außerdem sieht Ihr Code dadurch gut aus.

Vermeiden Sie Console.log ()

Stellen Sie sicher, dass Sie alle Anweisungen von console.log aus Ihrem Code entfernen. Konsolenanweisungen wirken sich auf Ihre Codeleistung aus.

Verwenden Sie einen Linter

Ein Linter kann ärgerlich sein, aber es ist nicht so schlimm, wenn Sie früh an Bord gehen. Es verhindert, dass Sie viele dumme ungültige Dinge tun, die eigentlich keine Fehler verursachen.

Inline-Deklarationen vermeiden

Am häufigsten deklarieren wir Inline-Rückruffunktionen, Objekte, Arrays usw. Dies führt dazu, dass die Wiederherstellung dieser Entitäten im Speicher immer wieder die Benutzeroberfläche spürbar verlangsamt. Erstellen Sie diese Entitäten immer separat und verwenden Sie die Referenz, wo immer dies erforderlich ist.

Flex fördern

Verwenden Sie Flex zum Entwerfen des Layouts Ihrer Anwendung. Dank der Unterstützung von Flex-Box durch React Native können Sie genau den gleichen Layoutcode für Android, iOS und Web verwenden, anstatt drei verschiedene Engines zu lernen.

Spezielle Pflege für Android

Ränder und Auffüllungen von Text / TextInput-Elementen funktionieren unter Android mehr oder weniger nicht. Versuchen Sie also wirklich, sie zu vermeiden! Außerdem kann es unter Android zu unerwartetem Verhalten einiger reaktionsfähiger nativer Komponenten kommen.

Ermutigen Sie logische Operatoren anstelle von bedingten Operatoren

Die Verwendung logischer Operatoren reduziert viel Zeit und verbessert die Leistung und das Rendern von Komponenten drastisch.

Objekte anstelle von Arrays verwenden

Objekte spielen eine wichtige Rolle bei der Verbesserung der Leistung Ihrer Anwendung. In Form von Objekten gespeicherte Daten können auf einmal erstellt / aktualisiert / gelöscht werden. Vermeiden Sie das Durchlaufen von Arrays zum Erstellen / Aktualisieren / Löschen von Daten.

Ermutigen Sie zustandslose Funktionskomponenten

Es ist gut, Komponenten zu verwenden, die keinen internen Status haben können.

Vermeiden Sie unnötige Renderings

Immer schauen, wie oft Ihre Komponenten neu gerendert werden. Pflegen Sie Ihren Zustand verantwortungsbewusst. Viele Statusaktualisierungen können die Anwendungsleistung erheblich beeinträchtigen.

Redux verstehen

Redux, Eine Statusverwaltungsschicht, die den Status einer gesamten Anwendung in einem einzelnen unveränderlichen Statusbaum mit unidirektionalem Datenfluss verwaltet. Zu den wenigen Vorteilen von Redux gehören: Vorhersagbarkeit des Ergebnisses, Wartbarkeit, organisierter Code, einfache Tests usw.

Entmutigen Sie Bibliotheken von Drittanbietern

Sie arbeiten wirklich so hart daran, Ihren Code effizient und optimal zu gestalten, und Bibliotheken von Drittanbietern können ihn ruinieren. Nicht die ganze Zeit sehen wir, wie die Dinge unter der Haube funktionieren.

Das ist alles!

Vielen Dank, dass Sie diesen Artikel gelesen haben. Bitte teilen Sie und 👏, wenn dieser Artikel für Sie hilfreich ist.