React hat seine ganz eigene Sprache: wir erklären die wichtigsten Begriffe
Component
Eine Komponente ist ein modularer Bestandteil des Benutzerinterfaces, der einzelne Teile der Benutzeroberfläche wie Schaltflächen, Textfelder usw. enthält.
Component Lifecycle
Der Lebenszyklus einer Komponente ist eine Reihe von Phasen, die eine Komponente durchläuft, während sie erstellt, aktualisiert und zerstört wird.
Context
Der Kontext ist ein Werkzeug, das React entwickelt hat, um die Kommunikation zwischen Komponenten zu vereinfachen.
Error Boundaries
Fehlergrenzen sind Komponenten, die für die Behandlung von Fehlern in React-Komponenten verwendet werden.
Higher Order Components
Höherwertige Komponenten (HOCs) sind Funktionen, die Komponenten als Argumente akzeptieren und neue Komponenten zurückgeben, die mit zusätzlichen Funktionen erweitert wurden.
Hooks
Hooks sind ein neues Feature von React, mit dem Entwickler Funktionen wie Zustand und andere React-Funktionen in Funktionenkomponenten einbinden können.
JSX
JavaScript-Syntax-Erweiterung, die HTML-ähnliche Syntax in JavaScript integriert, um React-Elemente zu erstellen.
Portals
Portale sind ein Feature von React, mit dem Entwickler Elemente in einem anderen DOM-Baum als dem aktuellen rendern können.
Props
Props sind konfigurierbare Eigenschaften, die an eine Komponente übergeben werden, um sie zu konfigurieren.
React Element
Ein Objekt, das die Grundlage für eine Komponente in React darstellt.
React Final Form
React Final Form ist eine Bibliothek zur Erstellung von Formularen, die es Entwicklern ermöglicht, benutzerdefinierte Validierungslogik, Fehlerüberprüfung und mehr zu erstellen.
React Helmet
React Helmet ist eine Bibliothek zum Erstellen von Metadaten für React-Webanwendungen.
React Intl
React Intl ist eine Bibliothek, mit der Entwickler internationale Anwendungen erstellen können, indem sie lokalisierte Datums- und Zeichenfolgenformate verwenden.
React Lazy
React Lazy ist ein Feature von React, das Entwicklern hilft, Code asynchron zu laden, um die Performance zu verbessern.
React Memo
React Memo ist ein Feature von React, das Entwicklern hilft, unveränderte Komponenten zu memorieren, um die Performance zu verbessern.
React Native
React Native ist ein Framework zum Erstellen von mobilen Anwendungen für Android und iOS mit React.
React Query
React Query ist eine Bibliothek zum Abrufen von Daten aus APIs, die auf React aufbaut.
React Router
React Router ist eine Bibliothek zur Erstellung von benutzerdefinierten Routen in React-Anwendungen.
React Spring
React Spring ist eine Bibliothek, die animierte, reaktionsfähige und leistungsstarke Animationen und Transitions ermöglicht.
React Testing Library
React Testing Library ist eine Bibliothek zum Testen von React-Komponenten, die Entwicklern hilft, ihren Code zu validieren und zu überprüfen.
React Transition Group
React Transition Group ist eine Bibliothek, die Entwicklern hilft, animierte Elemente und Komponenten in ihrer React-Anwendung zu erstellen.
React.lazy()
React.lazy() ist eine Funktion, die es Entwicklern ermöglicht, Code asynchron zu laden, um die Performance zu verbessern.
React.memo()
React.memo() ist eine Funktion, die Komponenten memorieren kann, um die Performance zu verbessern.
React.useCallback()
React.useCallback() ist ein Hook, der es Entwicklern ermöglicht, eine Funktion zu memoizieren, um die Performance zu verbessern.
React.useContext()
React.useContext() ist ein Hook, der es Entwicklern ermöglicht, auf den Kontext einer Komponente zuzugreifen, um Daten und Methoden zu teilen.
React.useEffect()
React.useEffect() ist ein Hook, der es Entwicklern ermöglicht, Code auszuführen, wenn sich der Zustand oder Props einer Komponente ändern.
React.useReducer()
React.useReducer() ist ein Hook, der es Entwicklern ermöglicht, einen Reducer zu verwenden, um den Zustand einer Komponente zu verwalten.
ReactDOM
ReactDOM ist das Package, das für das Rendern von React-Elementen und Komponenten in Browser-DOMs verwendet wird.
Refs
Refs sind ein Werkzeug, mit dem Entwickler auf bestimmte Elemente im DOM zugreifen können, um Änderungen vorzunehmen oder die Elemente auf andere Weise zu manipulieren.
Render Props
Render-Props sind ein Konzept, bei dem eine Komponente render-Funktionen als Props akzeptiert, um eine flexible Komponente zu erstellen.
State
Der Zustand einer Komponente ist eine Sammlung von Daten, die sich ändern können und die Komponente beeinflussen.
Suspense
Suspense ist ein Feature von React, mit dem Entwickler Komponenten asynchron laden und rendern können, während sie auf die Daten warten.
Synthetic Events
Synthetische Ereignisse sind eine Reihe von Ereignissen, die React über cross-browser-kompatible APIs bereitstellt, um auf Benutzereingaben zu reagieren.
Virtual DOM
Ein virtueller DOM (VDOM) ist eine Repräsentation des DOM, die React zum Rendern und zur Überprüfung von Änderungen verwendet, um Performanceprobleme zu vermeiden.