ReactJS-Beste Praxis

In diesem Kapitel werden wir die besten Praktiken, Methoden und Techniken auflisten, die uns helfen, während des Entwicklungsprozesses konsistent zu bleiben.

• Zustand−Diese Art von Zustand sollte so gut wie möglich vermieden werden. Eine zentrale Zustandsverwaltung und die Übertragung als Säule an das Komponentenbaum ist eine gute Praxis. Jedes Mal, wenn wir eine Gruppe von Komponenten haben, die dasselbe Daten benötigen, sollten wir um sie einen Behälter setzen, um den Zustand zu speichern. Das Flux-Modell ist eine gute Methode zur Verwaltung des Zustands in React-Anwendungen.

• PropTypes−PropType sollte stets definiert werden. Dies hilft, alle Props in der Anwendung zu verfolgen und ist auch für jeden Entwickler, der am selben Projekt arbeitet, sehr nützlich.

• Render−Die meisten Logiken der Anwendung sollten im render-Verfahren bewegt werden. Wir sollten den Logik im Lebenszyklus der Komponenten so gering wie möglich halten und diese Logik im render-Verfahren bewegen. Je weniger Zustände und Props wir verwenden, desto sauberer wird der Code. Wir sollten immer den Zustand so einfach wie möglich halten. Wenn etwas aus Zuständen oder Props berechnet werden muss, kann dies im render-Verfahren erfolgen.

• Komposition−Das React-Team empfiehlt die Verwendung des Einzelsachverhaltsprinzips. Dies bedeutet, dass eine Komponente nur eine Funktion verantworten sollte. Wenn bestimmte Komponenten mehrere Funktionen haben, sollten wir umstrukturieren und für jede Funktion eine neue Komponente erstellen.

• Higher Order Components (HOC)−Frühere React-Versionen boten Mixins für wiederverwendbare Funktionen. Da Mixins heute nicht mehr empfohlen werden, ist eine Lösung die Verwendung von HOC.