Zum Inhalt springen

Kurskatalog

React-Anwendungen

Baue barrierefreie Oberflächen mit Zustand – mit echtem React und TypeScript.

Schreibe und starte echtes JSX und TSX mit React 19 in festgelegter Version in Kodas Offline-Sandbox. Baue typisierte Komponenten, kombiniere Props und Children, verwalte Zustand und kontrollierte Formulare, verstehe Effekte und veraltete Daten, nutze den Browserverlauf für die Navigation und prüfe das Verhalten mit DOM-Prüfungen. Drei ausführbare Projekte führen zu einem barrierefreien Client für ein Aufgabenboard mit Regeln für die Eigentümerschaft und einem eigenständigen Portfolio-Modus.

Starte mit einer kostenlosen LektionAlle Tarife vergleichen

Lehrplan

  1. Abschnitt 1

    Komponenten und Props

    Beschreibe Oberflächen mit typisierten Komponenten, Komposition, stabilen Schlüsseln und barrierefreier Semantik.

    1. Deine erste echte Komponente
    2. JSX beschreibt die Oberfläche
    3. Typisierte Props als Vertrag
    4. Mit Children komponieren
    5. Listen, Schlüssel und Semantik

  2. Abschnitt 2

    Zustand, Ereignisse und Formulare

    Modelliere Interaktionen mit Zustandsmomentaufnahmen, Ereignisbehandlung, kontrollierten Eingaben und abgeleiteten Werten.

    1. Zustand als Momentaufnahme
    2. Ereignisse drücken Absichten aus
    3. Kontrollierte Formulare
    4. Ableiten statt duplizieren

  3. Abschnitt 3

    Effekte, Daten und Fehlerbehandlung

    Synchronisiere externe Systeme, stelle jeden Datenzustand dar und verhindere, dass veraltete Arbeit neuere Ergebnisse verdrängt.

    1. Effekte synchronisieren außerhalb von React
    2. Abhängigkeiten und Aufräumen
    3. Jeder Datenzustand braucht eine Oberfläche
    4. Veraltete Antworten stoppen
    5. Renderfehler abfangen

  4. Abschnitt 4

    Routing, Tests und Auslieferung

    Baue navigierbare Layouts, teste sichtbares Verhalten und triff fundierte Entscheidungen zum Bundle.

    1. Routing mit dem Browserverlauf
    2. Gemeinsame Layouts und fehlende Seiten
    3. Sichtbares Verhalten testen
    4. Bundle und Auslieferung abwägen
    5. Server-, Client- und Streaming-Grenzen
    6. Actions und optimistische Oberflächen

Lernpfade

Full-Stack-Webentwicklung

Entwickle und teile eine getestete Full-Stack-App mit React: mit einer Oberfläche für alle, Daten, die nur die Person sehen kann, der sie gehören, APIs mit klaren Grenzen, korrekten Echtzeitaktualisierungen und Bereitstellungen, die du zurückrollen kannst.

Abfolge aus 14 Kursen

Deine Idee, veröffentlicht. Starte in 60 Sekunden.

7 Tage kostenlos testen bei jedem Tarif für neue Mitglieder · Jederzeit kündbar

Loslegen

Zurück zu den Kursen