React Grundlagen

1/25 ___ kann durchgeführt werden, wenn mehrere Elemente aus einer Komponente zurückgegeben werden müssen.
- Abstraktion
- Verpackung
- Isolation
- Einbettung
2/25 Was passiert, wenn die folgende render()-Methode ausgeführt wird?
```
render(){

let langs = ["Ruby","ES6","Scala"]

return (<div>

{langs.map(it => <p>{it}</p>)}

</div>)

}
```
- Zeigt die Liste der Sprachen im Array an
- Fehler. Direkter JavaScript-Code kann nicht in JSX verwendet werden
- Zeigt nichts an
- Fehler. Sollte durch eine for-Schleife für korrekten Output ersetzt werden
3/25 Welche Vorteile bietet ReactJS?
- Steigert die Leistung der Anwendung mit Virtual DOM
- JSX macht den Code leicht lesbar und schreibbar
- Rendert sowohl auf Client- als auch auf Serverseite
- Leicht zu integrieren mit anderen Frameworks (Angular, BackboneJS), da es nur eine View-Bibliothek ist
- Alle oben genannten
4/25 Wie werden Daten in React behandelt?
- state & props
- Dienste & Komponenten
5/25 Welche Nachteile hat ReactJS?
- Es ist nur eine Ansichtsschicht. Sie müssen Ihren Code für Ajax-Anfragen, Ereignisse usw. hinzufügen.
- Die Bibliothek ist ziemlich groß.
- Die Lernkurve kann langsam sein.
- Alle oben genannten Optionen
6/25 Wählen Sie die richtige Antwort über JSX.
- JSX ist schneller, da es Optimierungen während der Kompilierung des Codes zu JavaScript durchführt
- JSX ist eine Syntaxnotation für JavaScript XML
- JSX bietet die Ausdruckskraft von JavaScript zusammen mit HTML, ähnlich einer Vorlagensyntax
- Alle oben genannten Optionen
7/25 In React, welcher Methode wird verwendet, um einen Kontext zu erstellen?
- React.createContext()
- React.createState()
- React.createComponent()
- React.createRef()
8/25 Wie greift man auf eine Prop namens 'username' in einer funktionalen Komponente zu?
```
const MyComponent = (props) => { ... }
```
- this.props.username
- props.username
- MyComponent.username
- username
9/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
10/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
11/25 Wofür werden 'PropTypes' in React verwendet?
- Um die Typen von Props anzugeben, die eine Komponente erhalten kann
- Zur Dokumentation des Komponentencodes
- Zur Verbesserung der Leistung
- Um Standardwerte für Props zu liefern
12/25 Was ist die Bedeutung der 'key'-Prop beim Rendern einer Liste von Elementen in React?
- Sie wird für die Gestaltung der Listenelemente verwendet
- Sie hilft React zu erkennen, welche Elemente geändert wurden
- Sie ist ein erforderlicher Prop für alle Listenelemente
- Sie erhöht die Rendering-Geschwindigkeit der Liste
13/25 Was repräsentieren 'props.children' in einer React-Komponente?
- Den Zustand der Elternkomponente
- Die an die Komponente übergebenen Kinder
- Einen Typ einer React-Kindkomponente
- Die Props der Kindkomponenten
14/25 Welche der folgenden ist keine Eigenschaft von React?
- Virtuelles DOM
- Serverseitiges Rendering
- Integrierte HTTP-Anfragen
- Einseitige Datenbindung
15/25 Was macht 'React.Fragment'?
- Gruppiert eine Liste von Kindern, ohne zusätzliche Knoten zum DOM hinzuzufügen
- Ist eine Methode zur Leistungsoptimierung
- Wird verwendet, um eine Komponente in kleinere Komponenten zu zerlegen
- Ist eine Möglichkeit, Komponenten asynchron zu rendern
16/25 Was ist die Bedeutung von Schlüsseln in React-Listen?
- Sie werden für die Gestaltung verwendet
- Sie helfen React zu erkennen, welche Elemente geändert, hinzugefügt oder entfernt wurden
- Sie repräsentieren die eindeutige ID jedes Elements
- Sie erhöhen die Leistung des List-Renderings
17/25 Wie handhabt React das Absenden von Formularen?
- Mithilfe eines Ereignishandlers am Formularelement
- Durch automatisches Senden einer POST-Anfrage
- Mit einer speziellen React-Bibliothek für das Absenden von Formularen
- React kann das Absenden von Formularen nicht handhaben
18/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
19/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
20/25 Wie optimiert man die Leistung für eine Liste von Elementen in React, die häufig neu gerendert werden?
- Mit shouldComponentUpdate
- Mit PureComponent
- Mit React.memo
- Mit useState
- Mit useEffect
21/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
22/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
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
24/25 Wie handhabt man Formularübermittlungen in React?
- Mit einem onSubmit-Ereignishandler
- Mit einer speziellen Formularverwaltungsbibliothek
- Durch direkte Übermittlung an den Server
- React unterstützt keine Formularübermittlungen
25/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 { ... }
Um das Ergebnis des Quiz zu erhalten, gib bitte deine E-Mail-Adresse an (optional)..

Es scheint, als hätten Sie noch keine Fragen beantwortet. Bitte geben Sie Ihre Antworten, um fortzufahren.

React Grundlagen

1/25 ___ kann durchgeführt werden, wenn mehrere Elemente aus einer Komponente zurückgegeben werden müssen.

2/25 Was passiert, wenn die folgende render()-Methode ausgeführt wird?

3/25 Welche Vorteile bietet ReactJS?

4/25 Wie werden Daten in React behandelt?

5/25 Welche Nachteile hat ReactJS?

6/25 Wählen Sie die richtige Antwort über JSX.

7/25 In React, welcher Methode wird verwendet, um einen Kontext zu erstellen?

8/25 Wie greift man auf eine Prop namens 'username' in einer funktionalen Komponente zu?

9/25 Wofür ist React Router gedacht?

10/25 Was macht der 'useMemo'-Hook in React?

11/25 Wofür werden 'PropTypes' in React verwendet?

12/25 Was ist die Bedeutung der 'key'-Prop beim Rendern einer Liste von Elementen in React?

13/25 Was repräsentieren 'props.children' in einer React-Komponente?

14/25 Welche der folgenden ist keine Eigenschaft von React?

15/25 Was macht 'React.Fragment'?

16/25 Was ist die Bedeutung von Schlüsseln in React-Listen?

17/25 Wie handhabt React das Absenden von Formularen?

18/25 In welchem Szenario würden Sie den 'useRef'-Hook in React verwenden?

19/25 Was ist 'prop drilling' in React?

20/25 Wie optimiert man die Leistung für eine Liste von Elementen in React, die häufig neu gerendert werden?

21/25 Wofür wird das Context API in React verwendet?

22/25 Wofür wird die 'key'-Prop in React-Listen verwendet?

23/25 Was ist JSX in React?

24/25 Wie handhabt man Formularübermittlungen in React?

25/25 Welche ist eine gültige Methode zur Erstellung einer Komponente in React?