UNSERE

Schulungen

Webentwicklung mit dem React Framework

Dauer:

3 Tage
Tageskurs

Kurssprache:

Deutsch

Unterrichtsmaterial überwiegend in englischer Sprache

Die Bedeutung von JavaScript nimmt stetig zu. Die Skriptsprache, die seinerzeit nur für mehr Dynamik in Webbrowsern sorgen sollte, hat mittlerweile weite Verbreitung gefunden und kommt selbst auf Servern zum Einsatz.

React ist ein JavaScript-Framework zur Entwicklung von Benutzeroberflächen sowohl im Browser als auch auf Mobilgeräten. Entwickelt und eingesetzt von Facebook ist es mittlerweile als Open-Source-Projekt verfügbar und wird auf vielen großen Plattformen verwendet.

Unsere erfahrenen Trainer programmieren mit Ihnen zusammen Schritt für Schritt an einer Beispielanwendung Ihrer Wahl.

  • Einführung in React
    • React-Projekt einrichten
    • Deklarative Programmierung
    • „Hallo Welt“ in React
  • Erstellen Sie Ihr erstes React-Element
    • Typ, Requisiten, Kinderparameter
    • Rendern von React-Elementen
    • React-Elemente mit JSX erstellen
  • Erstellen Sie Ihre erste React-Komponente
    • Staatenlos vs. zustandsbehaftet
    • Erstellen Sie Ihre erste zustandslose React-Komponente
    • Erstellen Sie Ihre erste zustandsbehaftete React-Komponente
    • Erstellen Sie Ihre erste Container-React-Komponente
    • Machen Sie Ihre Komponenten reaktiv
    • Komponenteneigenschaften validieren
  • Korrekter Datenabruf
    • Datenfluss
    • Kommunikation mit untergeordneten Eltern (Rückrufe)
    • Gemeinsamer Elternteil
    • Datenabruf
    • Neuabruf reagieren
  • Schreiben Sie Code für den Browser
    • Formen, kontrollierte und unkontrollierte Komponenten
    • JSON-Schema
    • Veranstaltungen
    • Refs
    • Haken
  • Serverseitiges Rendering
  • Erstellen Sie komplexe React-Komponenten
  • Verbessern Sie die Leistung Ihrer React-Komponenten
    • Versöhnung und Schlüssel
    • Optimierungstechniken
    • Gemeinsame Lösungen
    • Tools und Bibliotheken
  • Testen und Debuggen der React-Anwendung
    • Javascript-Tests mit Jest
    • Mocha – flexibles Test-Framework
    • Dienstprogramme zum Testen von Javascript
    • Gängige Testlösungen
    • React Dev Tools
    • Fehlerbehandlung
  • Verbessern Sie Ihre React-Architektur mit Flux
    • Analysieren Sie die Architektur Ihrer Webanwendungen
    • Fluss verstehen
    • Erstellen eines Disponenten, einer Filiale usw.

Vorkenntnisse

  • Kenntnis von zumindest einer
    (objektorientierten) Programmiersprache
  • Erfahrung mit Javascript,
    HTML und CSS

Zielgruppe

  • Entwickler