Kursbeschreibung

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

- 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