Grundlagen der Programmierung mit React.js

Weiterbildung

4-Wochen-Kurs

React.js ist eine JavaScript-Bibliothek für die Frontend-Entwicklung von Benutzeroberflächen. Es ermöglicht die Entwicklung von schnellen und modularen Anwendungen, die eine verbesserte Benutzung bieten. React.js erleichtert die Erstellung von Komponenten-basierten Anwendungen und bietet effiziente Updates der Benutzeroberfläche, ohne die Seite komplett neu zu laden. Dieser Kurs verwendet Typescript, Tailwind und Jest für das Testing

Inhalt

• Die ersten Schritte mit React
  • Die wichtigsten Begriffe und Konzepte der React-Welt
• Die ersten Schritte im Entwicklungsprozess
  • Playgrounds für React
  • Der Einstieg in die Entwicklung mit React
  • Die Struktur der Applikation
  • Fehlersuche in einer React-Applikation
• Die Grundlagen von React
  • Funktionskomponenten
  • JSX -- Strukturen
  • Props -- Informationsfluss
  • Lokaler State
  • Event-Binding
  • Immutability
• Ein Blick hinter die Kulissen
  • Der Lebenszyklus einer Komponente
  • Serverkommunikation
  • Container Components
  • Higher-Order Components
  • Render Props
  • Kontext
  • Fragments
• Klassenkomponenten
  • Grundlegende Struktur einer Klassenkomponente
  • Props
  • State
  • Der Komponenten-Lifecycle
  • Error Boundaries
  • Unterschiede zwischen Funktions- und Klassenkomponenten
• Die Hooks-API von React
  • useReducer
  • useCallback
  • useMemo
  • useRef
  • useImperativeHandle
  • useLayoutEffect
  • useDebugValue
  • useDeferredValue
  • useTransition
  • useId
  • Bibliotheks-Hooks
  • Umstieg auf Hooks
• Typsicherheit in React-Applikationen mit TypeScript
  • Die verschiedenen Typsysteme
  • Typsicherheit in einer React-Applikation mit Flow
  • TypeScript und React
• Styling von React-Komponenten
  • CSS-Import
  • Inline-Styling
  • CSS-Module
  • CSS in JavaScript mit Emotion
  • Tailwind
• Eine React-Applikation durch Tests absichern
  • Die ersten Schritte mit Jest
  • Snapshot-Testing
  • Komponenten testen
  • Umgang mit Serverabhängigkeiten
• Formulare in React
  • Uncontrolled Components
  • Controlled Components
  • Der Upload von Dateien
  • Formularvalidierung mit React Hook Form

Zielgruppe

Webentwickler

Voraussetzungen

Typescript, JavaScript

Förderung

Kompletter Kurs förderfähig
z.B. mit Bildungsgutschein, über Berufsförderungsdienst (BFD) oder bei Kurzarbeit

Nächste Termine

• Mo, 06.05.2024
• Mo, 03.06.2024
• Mo, 01.07.2024
• Mo, 05.08.2024