Challenge: Position des Mauszeigers – Tutorial zu React.js

Inhalt

• Einleitung Einleitung

  • Die umfangreiche Einführung in das JavaScript-Webframework React mit vielen Praxisbeispielen

    1 Min.
  • Die GitHub-Dateien zum Kurs verwenden

    1 Min. 16 Sek.
• 1. React auf einen Blick 1. React auf einen Blick

  • Warum React?

    2 Min. 56 Sek.
• 2. Exkurs: Modern JavaScript 2. Exkurs: Modern JavaScript

  • (Gesperrt)
    Spread, Rest & Destructuring

    6 Min. 9 Sek.
  • (Gesperrt)
    Public & Private Class Properties

    2 Min. 22 Sek.
  • (Gesperrt)
    Arrow Functions

    2 Min. 25 Sek.
• 3. React einrichten 3. React einrichten

  • (Gesperrt)
    Installation mit CRA

    1 Min. 18 Sek.
  • (Gesperrt)
    Das Setup im Editor

    2 Min. 15 Sek.
  • Raw-Setup mit React Eject

    1 Min. 58 Sek.
  • (Gesperrt)
    Das Zusammenspiel von render, JSX und StrictMode

    5 Min. 12 Sek.
  • (Gesperrt)
    React DevTools

    1 Min. 12 Sek.
• 4. Class Components 4. Class Components

  • (Gesperrt)
    render()

    2 Min. 12 Sek.
  • (Gesperrt)
    React-Props

    4 Min. 26 Sek.
  • (Gesperrt)
    state & componentDidMount

    4 Min. 29 Sek.
  • Lifecycle (didMount, didUpdate, willUnmount)

    6 Min. 41 Sek.
  • (Gesperrt)
    children übergeben

    2 Min. 37 Sek.
• 5. Function Components 5. Function Components

  • Warum gibt es Function Components?

    4 Min. 16 Sek.
  • (Gesperrt)
    Regeln von Hooks

    2 Min. 2 Sek.
  • (Gesperrt)
    Keine schwarze Magie: React Hooks

    1 Min. 47 Sek.
  • (Gesperrt)
    ButtonCounter mit useState

    4 Min. 17 Sek.
  • (Gesperrt)
    Lifecycle mit useEffect: Countdown

    8 Min. 3 Sek.
  • (Gesperrt)
    useMemo bzw. useCallback

    5 Min.
  • (Gesperrt)
    React Hooks: Ausblick und Tipps

    2 Min. 19 Sek.
  • (Gesperrt)
    Challenge: Stoppuhr

    56 Sek.
  • (Gesperrt)
    Solution: Stoppuhr

    11 Min. 15 Sek.
• 6. Class vs. Function Components 6. Class vs. Function Components

  • (Gesperrt)
    Gemeinsamkeiten: defaultProps, displayName, propTypes

    7 Min. 19 Sek.
  • (Gesperrt)
    Class Components auf dem Abstellgleis

    49 Sek.
• 7. States und Events 7. States und Events

  • User-Interaktionen abfangen

    4 Min. 21 Sek.
  • (Gesperrt)
    Event-Weitergabe (vs. addEventListener)

    3 Min. 24 Sek.
  • (Gesperrt)
    Globale Events

    4 Min. 44 Sek.
  • (Gesperrt)
    Challenge: Position des Mauszeigers

    44 Sek.
  • (Gesperrt)
    Solution: Position des Mauszeigers

    5 Min. 46 Sek.
• 8. Kontexte 8. Kontexte

  • (Gesperrt)
    Theming

    5 Min. 42 Sek.
  • (Gesperrt)
    Global State

    3 Min. 33 Sek.
• 9. Iteration, Listen, Fragments und Conditionals 9. Iteration, Listen, Fragments und Conditionals

  • (Gesperrt)
    Das key-Attribut verstehen

    3 Min. 48 Sek.
  • (Gesperrt)
    Fragments als virtuelle Wrapper

    4 Min. 34 Sek.
  • (Gesperrt)
    Conditional Rendering

    4 Min. 54 Sek.
• 10. Arbeiten mit (DOM)-Referenzen & Portals 10. Arbeiten mit (DOM)-Referenzen & Portals

  • (Gesperrt)
    createForwardRef & useRef

    5 Min. 37 Sek.
  • (Gesperrt)
    createPortal

    4 Min. 8 Sek.
• 11. Formulare 11. Formulare

  • (Gesperrt)
    Uncontrolled Forms (ref)

    5 Min. 16 Sek.
  • (Gesperrt)
    Controlled Forms

    6 Min. 21 Sek.
  • (Gesperrt)
    Challenge: Erweiterung des Formulars

    54 Sek.
  • (Gesperrt)
    Solution: Erweiterung des Formulars

    4 Min. 39 Sek.
• 12. Routing mit React Router & Error Boundaries 12. Routing mit React Router & Error Boundaries

  • (Gesperrt)
    Standard-Routing

    6 Min. 13 Sek.
  • (Gesperrt)
    Lazy-Loading mit Suspense

    3 Min. 32 Sek.
  • (Gesperrt)
    Error Boundaries

    4 Min. 31 Sek.
  • (Gesperrt)
    Challenge: React Router mit Search-Parametern nutzen

    56 Sek.
  • (Gesperrt)
    Solution: React Router mit Search-Parametern nutzen

    3 Min. 48 Sek.
• 13. Styling mit React 13. Styling mit React

  • (Gesperrt)
    Spaces erzwingen, Global CSS & Inline CSS

    4 Min. 5 Sek.
  • (Gesperrt)
    SASS & CSS Modules

    4 Min. 22 Sek.
  • (Gesperrt)
    Weitere Möglichkeiten

    2 Min.
• 14. Testing in React 14. Testing in React

  • (Gesperrt)
    Setup und Rendertest

    3 Min. 28 Sek.
  • (Gesperrt)
    Existenz testen

    4 Min. 30 Sek.
  • (Gesperrt)
    Inhalte prüfen, Properties validieren und Fehler abfangen

    5 Min. 47 Sek.
• 15. Aufbauwissen für Fortgeschrittene 15. Aufbauwissen für Fortgeschrittene

  • (Gesperrt)
    innerHTML && JSX-Kommentare

    2 Min. 27 Sek.
  • (Gesperrt)
    useReducer & Redux

    2 Min. 33 Sek.
• 16. Neue Features und Funktionen in React 18 16. Neue Features und Funktionen in React 18

  • (Gesperrt)
    React 18: Concurrent React

    2 Min. 30 Sek.
  • (Gesperrt)
    Automatic Batching

    4 Min. 13 Sek.
  • (Gesperrt)
    useId

    2 Min. 41 Sek.
  • (Gesperrt)
    useTransition

    4 Min. 55 Sek.
  • (Gesperrt)
    useDeferredValue

    3 Min. 46 Sek.
  • (Gesperrt)
    Suspense mit useTransition

    5 Min.