Artikel mit Schlagwort

Komponenten sind die Bausteine von React-Anwendungen. Es ist fast unmöglich, eine React-Anwendung zu erstellen, ohne Komponenten zu verwenden. Es ist so verbreitet, dass einige Drittanbieter-Pakete Ihnen Komponenten zur Verfügung stellen, die Sie zur Integration verwenden können …

useReducer ist einer von einer Handvoll React Hooks, die in React 16.7.0 ausgeliefert wurden. Er akzeptiert eine Reducer-Funktion mit dem initialen Zustand der Anwendung, gibt den aktuellen Zustand der Anwendung zurück und dispatcht dann eine Funktion.

Hier ist ein Beispiel, wie es ...

Eine React-Komponente durchläuft verschiedene Phasen, während sie in einer Anwendung existiert, auch wenn es vielleicht nicht offensichtlich ist, dass im Hintergrund etwas passiert.

Diese Phasen sind

• Mounting (Einbau)
• Updating (Aktualisierung)
• Unmounting (Ausbau)
• Fehlerbehandlung

Es gibt Methoden in jedem...

React 16.6.0 wurde im Oktober 2018 veröffentlicht und brachte Goodies mit sich, die die Art und Weise, wie wir mit React entwickeln können, aufpeppen. Wir werden die meiner Meinung nach besten dieser neuen Goodies mit Beispielen behandeln, wie wir...

Hooks machen es möglich, Logik in Komponenten zu organisieren, was sie winzig und wiederverwendbar macht, ohne eine Klasse schreiben zu müssen. In gewisser Weise sind sie Reacts Weg, sich auf Funktionen zu konzentrieren, denn davor mussten wir sie in einer Komponente schreiben, und obwohl Komponenten sich als mächtig und funktional erwiesen haben, müssen sie etwas im Frontend rendern. Das ist bis zu einem gewissen Grad alles in Ordnung, aber das Ergebnis ist ein DOM, der mit Divs übersät ist, was es schwierig macht, ihn mit DevTools zu durchsuchen und zu debuggen.

Angenommen, wir müssen ein Kindelement in einer React-Anwendung rendern. Einfach, oder? Dieses Kind wird an das nächstgelegene DOM-Element angehängt und dementsprechend darin gerendert.

render() {
  return (
    <div>
      // Child to render 

…

Die Arbeit mit Daten in React ist *relativ* einfach, da React dafür konzipiert ist, Daten als Zustand zu behandeln. Die Schwierigkeiten beginnen, wenn die *Menge* der Daten, die Sie verarbeiten müssen, riesig wird. Sagen wir zum Beispiel, Sie müssen einen Datensatz verarbeiten ...

Compound Components in React ermöglichen es Ihnen, Komponenten mit einer Art verbundenem Zustand zu erstellen, der untereinander verwaltet wird. Ein gutes Beispiel ist die Form-Komponente in Semantic UI React.

Um zu sehen, wie wir Compound Components in ... implementieren können

Ein Überblick über Render Props in React

Die Verwendung von Render Props in React ist eine Technik zur effizienten Wiederverwendung von Code. Laut der React-Dokumentation „nimmt eine Komponente mit einer Render Prop eine Funktion entgegen, die ein React-Element zurückgibt und...