React für Fortgeschrittene Entwickler - Components und UI
Classroom Schulung | Deutsch | Anspruch
Schulungsdauer: 2 Tage
Ziele
Die Schulung React Components vermittelt den Teilnehmern die Grundlagen der Erstellung von User Interface (UI) Komponenten mit React.
Der Kurs beginnt mit einem tiefen Einblick in die Funktionsweise von React und erforscht alle praktischen Aspekte der Arbeit mit React in jedem Projekt. Als nächstes werden die Teilnehmer unter Verwendung von Best Practices eine echte Anwendung von Grund auf neu erstellen und dabei die wichtigsten Aspekte von React nutzen.
Zum Abschluss des Kurses werden weitere Themen wie Komposition vs. Vererbung, Patterns, Spezialisierung, Containment und Higher-rder Components behandelt.
Zielgruppe
Webentwickler, die bereits erste Erfahrungen mit React gemacht haben und ihr wissen vertiefen wollen.
Voraussetzungen
Vorkenntnisse und praktische Erfahrungen mit Modern JavaScript werden in diesem Kurs vorausgesetzt.
Agenda
Einführung
- React
- Problemlösung
- Entwicklungs-Ökosystem
- React im Vergleich zu anderen Frameworks
Entwicklungs-Tools
- React-App-Projektgenerator erstellen -React-Entwicklerwerkzeuge
- Ausführen und Debuggen einer React -Anwendung
- Rolle von Node.js
- Zweck von React und ReactDOM
Funktionale Komponenten
- Komponenten
- Element und JSX erstellen
- Vorteile von JSX
- Fragmenten
- JavaScript-Pfeilfunktionen
- ES2015-Module
- JSX und Ausdrücke
- Sammlungen von Daten anzeigen
- JavaScript-Array-Maps und React Keys
- Daten mit Props übergeben
- Props mit PropTypes validieren -Standard-Props
- verwenden Memo
Hooks
- Überblick über
- Hooks State Hook
- Effect Hook Ref
- Hook Context Hook
- Custom Hooks
Klassenbasierte Komponenten (Überblick)
- JavaScript-Klassen und Erweiterungen
- Konfigurieren von State
- Lifecycle-Methoden
- Kontext von Event-Handlern
- Klasseneigenschaften und Klassenpfeilfunktionen
- PropTypes und Standard-Props auf Klassen
Weitere Themen
- Komposition vs. Vererbungsmuster
- Spezialisierung, Containment und Higher Order Components
- Aufhebung des Zustands
- Weiterleitung von Refs
Ziele
Die Schulung React Components vermittelt den Teilnehmern die Grundlagen der Erstellung von User Interface (UI) Komponenten mit React.
Der Kurs beginnt mit einem tiefen Einblick in die Funktionsweise von React und erforscht alle praktischen Aspekte der Arbeit mit React in jedem Projekt. Als nächstes werden die Teilnehmer unter Verwendung von Best Practices eine echte Anwendung von Grund auf neu erstellen und dabei die wichtigsten Aspekte von React nutzen.
Zum Abschluss des Kurses werden weitere Themen wie Komposition vs. Vererbung, Patterns, Spezialisierung, Containment und Higher-rder Components behandelt.
Zielgruppe
Webentwickler, die bereits erste Erfahrungen mit React gemacht haben und ihr wissen vertiefen wollen.
Voraussetzungen
Vorkenntnisse und praktische Erfahrungen mit Modern JavaScript werden in diesem Kurs vorausgesetzt.
Agenda
Einführung
- React
- Problemlösung
- Entwicklungs-Ökosystem
- React im Vergleich zu anderen Frameworks
Entwicklungs-Tools
- React-App-Projektgenerator erstellen -React-Entwicklerwerkzeuge
- Ausführen und Debuggen einer React -Anwendung
- Rolle von Node.js
- Zweck von React und ReactDOM
Funktionale Komponenten
- Komponenten
- Element und JSX erstellen
- Vorteile von JSX
- Fragmenten
- JavaScript-Pfeilfunktionen
- ES2015-Module
- JSX und Ausdrücke
- Sammlungen von Daten anzeigen
- JavaScript-Array-Maps und React Keys
- Daten mit Props übergeben
- Props mit PropTypes validieren -Standard-Props
- verwenden Memo
Hooks
- Überblick über
- Hooks State Hook
- Effect Hook Ref
- Hook Context Hook
- Custom Hooks
Klassenbasierte Komponenten (Überblick)
- JavaScript-Klassen und Erweiterungen
- Konfigurieren von State
- Lifecycle-Methoden
- Kontext von Event-Handlern
- Klasseneigenschaften und Klassenpfeilfunktionen
- PropTypes und Standard-Props auf Klassen
Weitere Themen
- Komposition vs. Vererbungsmuster
- Spezialisierung, Containment und Higher Order Components
- Aufhebung des Zustands
- Weiterleitung von Refs