React - Components und UI

Ziele

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.

Zielgruppe

• Webentwickler

Voraussetzungen

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

• 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

Open Badge - Ihr digitaler Kompetenznachweis

Durch die erfolgreiche Teilnahme an einem Kurs bei IT-Schulungen.com erlangen Sie nicht nur Fachkenntnisse und Fähigkeiten, sondern bekommen zusätzlich zu Ihrem Teilnahmezertifikat ein Open Badge als digitalen Nachweis Ihrer Kompetenz.

Sie können diesen in Ihrem persönlichen und kostenfreien Mein IT-Schulungen.com Konto abrufen. Ihre verdienten Badges lassen sich problemlos in sozialen Netzwerken integrieren und weitergeben.

Mehr zu den Vorteilen von Badges

Kundenbewertungen

Kurz vor Durchführung