Bücher
HTML Lernen
CSS Lernen
JavaScript Lernen
Kurse
Quiz
Snippets
Tools
Allgemeine Werkzeuge
Passwort Generator
HTML-Editor
HTML-Encoder
Base 64 Konverter
Code-Vergleich
JSON-Verschönerer
CSS-Formatierer
Markdown-Konverter
Tailwind CSS Farbfinder
Verschlüsseln/Entschlüsseln mit Phrase
JS API Unterstützungsprüfer
Zahlenkonverter
CSS-Maker
CSS-Macher
CSS-Textschattenmacher
CSS-Textrotationsmacher
CSS-Kontur-Macher
CSS RGB-Schattenmacher
CSS-Transformationsmacher
CSS-Schriftartenmacher
Farbwerkzeuge
Farbwähler
Farben CMYK
Farben HWB
Farben HSL
Farbe Hex
Farbmixer
Farbkonverter
Farbe RGB
Farbkontrastprüfer
Farbverlauf
Saitenwerkzeuge
Längenrechner für Zeichenketten
MD5-Hash-Werkzeug
SHA256-Hash-Werkzeug
Umkehr-Werkzeug
URL-Codierer
URL-Dekodiere
Base64-Codierer
Base64-Dekodierer
Leerzeichen-Entferner
Kleinbuchstaben-Konverter
Großbuchstaben-Konverter
Wortzähler
Leerzeilen-Entferner
HTML-Reiniger
Binär-zu-Hex-Konverter
Hex-Binär-Dekodierer
Rot13-Konverter
Text zu Binär
Duplikate-Entferner
EN
DE
RU
FR
ES
Change theme
Dark
Light
System
Bücher
HTML Lernen
CSS Lernen
JavaScript Lernen
Anleitung
How To Git
How To AngularJs
How To Linux
How To HTML
How To CSS
How To Apache
How To PHP
How To JavaScript
How To Java
How To NodeJs
How To Symfony
How To Python
React Grundlagen
1/25
React wird hauptsächlich zum Erstellen von ___ verwendet.
Datenbanken
Verbindungen
Benutzeroberflächen
Designplattformen
Weiter >
2/25
Welches ist die korrekte Syntax für einen Button-Klick-Event-Handler foo?
<button onclick={this.foo()}>
<button onclick={this.foo}>
<button onClick={this.foo()}>
<button onClick={this.foo}>
Weiter >
3/25
Was passiert, wenn Sie setState() innerhalb der render()-Methode aufrufen?
Wiederholte Ausgabe erscheint auf dem Bildschirm
Doppelter Schlüssel-Fehler
Stack-Überlauf-Fehler
Nichts passiert
Weiter >
4/25
Wie schreiben Sie einen Inline-Style, der font-size:12px und color:red in JSX angibt?
style={{font-size:12,color:'red'}}
style={{fontSize:'12px',color:'red'}}
style={fontSize:'12px',color:'red'}
style={{font-size:12px,color:'red'}}
Weiter >
5/25
Wie werden Daten in React behandelt?
state & props
Dienste & Komponenten
Weiter >
6/25
React verbindet das bereitgestellte Objekt mit dem aktuellen Zustand über ___.
setState()
State()
Weiter >
7/25
Was macht 'PureComponent' in React?
Verwaltet reine Funktionen
Verhindert erneutes Rendern, wenn Props und State sich nicht geändert haben
Räumt die Komponente auf
Verbessert die Leistung der Komponente
Weiter >
8/25
Wie erstellt man ein Ref in einer Klassenkomponente in React?
React.createRef()
React.ref()
this.ref.create()
new Ref()
Weiter >
9/25
Welcher Port wird standardmäßig verwendet, um ein create-react-app-Projekt auszuführen?
3000
8080
5000
8000
Weiter >
10/25
Wozu dient der 'useEffect'-Hook in React?
Verwaltet den Lebenszyklus der Komponente
Behandelt Zustandsänderungen
Erstellt einen neuen Effekt
Keine der oben genannten
Weiter >
11/25
Wofür ist React Router gedacht?
Zur Verwaltung des globalen Zustands
Für bedingtes Rendern
Zur Handhabung von Navigation und Routing
Zur Verbindung mit externen APIs
Weiter >
12/25
Was macht der 'useMemo'-Hook in React?
Er merkt sich einen berechneten Wert
Er spart Speichernutzung
Er ruft zuvor gerenderte Komponenten ab
Er merkt sich den Zustand der Komponente
Weiter >
13/25
Was ist ein Fragment in React?
Ein Teil des Komponentenzustands
Ein Werkzeug zur Memoisierung
Eine Komponente, die mehrere Elemente zurückgeben kann
Eine höherwertige Komponente
Weiter >
14/25
Wofür wird der 'useState'-Hook in React verwendet?
Zur Verwaltung des Zustands in funktionalen Komponenten
Zum Verknüpfen des Zustands zwischen Komponenten
Zur Aktualisierung des Zustands in Klassenkomponenten
Zur Speicherung von Daten im lokalen Speicher des Browsers
Weiter >
15/25
Was ist ein 'prop' in React?
Eine Funktion innerhalb einer Komponente
Eine Zustandsvariable in einer Komponente
Ein schreibgeschütztes Attribut, das in einer Komponente verwendet wird
Ein Stilattribut von HTML-Elementen
Weiter >
16/25
In welchem Szenario würden Sie den 'useRef'-Hook in React verwenden?
Um direkt mit einem DOM-Element zu interagieren
Um den Zustand der Komponente zu aktualisieren
Um Daten von einer API abzurufen
Um eine neue React-Komponente zu erstellen
Weiter >
17/25
Was ist 'prop drilling' in React?
Das Weitergeben von Props durch mehrere Ebenen von Komponenten
Eine Methode zur Definition von PropTypes in einer Komponente
Das Aufspüren von Fehlern in Props
Eine React-Bibliothek zur Handhabung von Eigenschaften
Weiter >
18/25
Was bedeutet 'das Hochheben des Zustands' (lifting state up) in React?
Verschiebung des Zustands zu einem gemeinsamen Vorfahren der Komponenten, die ihn benötigen
Steigerung der Leistung von Zustandsaktualisierungen
Automatische Handhabung von Zustandsänderungen in Kindkomponenten
Übertragung des Zustands auf eine höherwertige Komponente
Weiter >
19/25
Wofür wird das Context API in React verwendet?
Zur Verwaltung des globalen Zustands
Zur Handhabung von HTTP-Anfragen
Zum Anschluss an Datenbanken
Zur Leistungsoptimierung
Weiter >
20/25
Wofür wird die 'key'-Prop in React-Listen verwendet?
Zur Leistungssteigerung
Zur eindeutigen Identifizierung jedes Elements
Für die Gestaltung
Zur Aktivierung des virtuellen DOM von React
Weiter >
21/25
Was ist eine 'Higher-Order Component' (HOC) in React?
Eine Komponente mit höherem z-Index
Eine Komponente, die eine andere Komponente zurückgibt
Eine zustandsbehaftete Komponente
Eine Komponente, die HTML-Elemente rendert
Weiter >
22/25
Wofür wird 'useReducer' in React verwendet?
Zur Verwaltung des Komponenten-Lebenszyklus
Für die Zustandsverwaltung mit einer Reduziererfunktion
Zur Reduzierung der Größe des React-App-Bündels
Zur Optimierung der Rendering-Leistung
Weiter >
23/25
Was ist JSX in React?
Eine auf JavaScript basierende Stilsprache
Eine Syntaxerweiterung für JavaScript
Eine neue Programmiersprache basierend auf JavaScript
Ein Framework für den Bau von Benutzeroberflächen
Weiter >
24/25
Welche ist eine gültige Methode zur Erstellung einer Komponente in React?
function MyComponent() { return <div/>; }
new ReactComponent(MyComponent)
React.createComponent(MyComponent)
class MyComponent extends ReactElement { ... }
Weiter >
25/25
Was sind 'Fragments' in React?
Werkzeuge zur Speicherverwaltung
Komponenten, die mehrere Elemente zurückgeben können
Ein Muster für die Prop-Validierung
Teile des Zustands einer Komponente
Weiter >
Um das Ergebnis des Quiz zu erhalten, gib bitte deine E-Mail-Adresse an (optional)..
Zertifikat erhalten
Es scheint, als hätten Sie noch keine Fragen beantwortet. Bitte geben Sie Ihre Antworten, um fortzufahren.