React - Components und UI

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

In dieser 2-tägigen Schulung "React - Components und UI" lernen Sie die Grundlagen der Erstellung von Benutzeroberflächenkomponenten (UI) mit React. Der Kurs bietet einen tiefen Einblick in die Funktionsweise von React und deckt alle praktischen Aspekte der Arbeit mit React ab. Sie werden anhand von Best Practices eine echte Anwendung von Grund auf neu erstellen und dabei die wichtigsten Funktionen und Konzepte von React nutzen.

Der Kurs schließt mit fortgeschrittenen Themen wie Komposition vs. Vererbung, Patterns, Spezialisierung, Containment und Higher-order Components. Nach Abschluss des Kurses werden Sie in der Lage sein, ansprechende und interaktive Benutzeroberflächen mit React zu erstellen und Ihre React-Entwicklungsfähigkeiten zu erweitern.

Für eine optimale Teilnahme am Kurs empfehlen wir folgende Vorkenntnisse:

• Vorkenntnisse und praktische Erfahrungen mit Modern JavaScript werden in diesem Kurs vorausgesetzt.

Die Schulung bietet Ihnen eine ausgewogene Mischung aus Theorie und Praxis in einer erstklassigen Lernumgebung. Profitieren Sie vom direkten Austausch mit unseren projekterfahrenen Trainern und anderen Teilnehmern, um Ihren Lernerfolg zu maximieren.

• Webentwickler