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.
