React - Memberstack Blog

React Redux useSelector ist ein benutzerdefinierter Hook, der in React Redux v7.1.0 eingeführt wurde. In Kombination mit anderen benutzerdefinierten Hooks wie useDispatch ermöglicht er es Entwicklern, Zustände in Redux zu verwalten und dabei schnellen, performanten und leicht zu lesenden Code in möglichst wenigen Zeilen zu schreiben. In diesem Artikel werden Sie useSelector kennenlernen, sehen, wie er mit useDispatch zusammenarbeitet, und wissen, wann Sie ihn verwenden sollten.

React.lazy() ist eine React-Komponente, mit der Sie Komponenten asynchron laden können. Die React.lazy API ist eine neue Funktion, die mit der Veröffentlichung von React v16.6 zu React hinzugefügt wurde. Sie bietet einen unkomplizierten Ansatz für das Lazy-Loading und Code-Splitting unserer React-Komponenten.

Die Methode componentDidUpdate() ist eine Aktualisierungsmethode, die nach der Methode componentDidMount() aufgerufen wird, und zwar unmittelbar nach einer Aktualisierung und nicht beim ersten Rendering. Dieser Artikel befasst sich eingehend mit der Methode componentDidUpdate(), die eine der Methoden in der Aktualisierungsphase ist.

Dieser Artikel wird mehr über HTTP, HTTP-Anfragen, Möglichkeiten, diese Anfragen in Node zu machen und wie wir Fehler behandeln können.

React verfügt über zahlreiche eingebaute Hooks, die es funktionalen Komponenten ermöglichen, sich in den Lebenszyklus der Komponente einzufügen und verschiedene Operationen durchzuführen. Es gibt den useState-Hook, den useEffect-Hook, den useLayoutEffect-Hook und viele mehr. In diesem Artikel befassen wir uns mit dem useCallback-Hook. Wir erfahren etwas über die Funktion dieses Hooks, seine Relevanz, einen häufigen Anwendungsfall und vergleichen ihn mit dem useMemo-Hook.

React Fragment ist eine React-Komponente, die in React v16.2.0 eingeführt wurde. Mit dieser Komponente können Sie eine Liste von React-Komponenten gruppieren (oder besser gesagt, "überordnen"), ohne dem DOM einen zusätzlichen Knoten hinzuzufügen. Zum Zeitpunkt des Schreibens akzeptiert diese Komponente nur ein prop - das key prop.

Manchmal wollen wir Operationen außerhalb des Datenflusses durchführen, wie z. B. die Interaktion mit einer API. Diese Vorgänge werden als Seiteneffekte bezeichnet. In diesem Artikel werden wir untersuchen, wie man in React mit Seiteneffekten umgeht, indem wir einen Hook namens useLayoutEffect verwenden.

React ref bietet eine Möglichkeit, auf DOM-Elemente zuzugreifen. In diesem Artikel erfahren Sie, wie und wann refs verwendet werden und wie refs außerhalb des DOMs nützlich sein können.

Dieser Beitrag befasst sich mit der neuen React Context API. Wir werden untersuchen, warum wir React Context brauchen, wie es auf hohem Niveau mit Beispielen von Anwendungsfällen funktioniert und an welchem Punkt React-Entwickler die Context-API nutzen sollten, um ihre Probleme zu lösen. Unser Anwendungsbeispiel zeigt Ihnen dann, wie Sie React Context mit einigen Beispielen verwenden können und vergleicht React Context mit Redux, einer externen Paketlösung, die verwendet wurde, bevor die React Context API in den Kern der Bibliothek aufgenommen wurde. 

Suspense bezieht sich auf die neue Fähigkeit von React, das Rendering "auszusetzen", während Komponenten auf etwas warten, und eine Ladeanzeige anzuzeigen. React Suspense erlaubt es, sauberere React-Komponenten zu schreiben, die performant und einfach zu warten sind. Dieser Artikel erklärt, was React Suspense ist und wie es funktioniert.

Der useMemo-Hook wird für die Speicherung von Werten in React-Applikationen verwendet. useMemo speichert berechnete Werte in einer React-Komponente, so dass diese Werte bei einem erneuten Rendering der Komponente nicht erneut berechnet werden müssen. In diesem Artikel erfahren Sie, was ein useMemo-Hook ist und wie man ihn benutzt.

Zustandsverwaltung bedeutet, dass wir verfolgen können, wie sich unsere Daten im Laufe der Zeit ändern. In React können wir den Zustand mit Hooks oder mit einer externen Zustandsverwaltungsbibliothek wie Redux verwalten. In diesem Artikel werden wir einen Hook namens useReducer erkunden und seine Fähigkeiten für die Zustandsverwaltung kennenlernen.

Redux ist eine Zustandsverwaltungsbibliothek für JavaScript-Anwendungen. In diesem Artikel werden wir uns mit React-Redux und seiner Verwendung beschäftigen. Wir werden es verwenden, um die komplexe Zustandsverwaltung von Mitgliedschafts- und Authentifizierungsabläufen zu vereinfachen.

In diesem Artikel werden wir verstehen, was React Custom Hooks sind, welche Vorteile sie bieten und wann man sie einsetzen sollte. Wir werden auch lernen, wie man zwei benutzerdefinierte Hooks erstellt und sie im Einsatz zeigt.