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