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. Zusätzlich verwenden wir in diesem Kurs Material-UI, Redux, JWT und Apollo GraphQL
Inhalt
Komponentenbibliotheken in einer React-Applikation
Installation und Integration von Material-UI
Listendarstellung mit der »Table«-Komponent
Grids und Breakpoints
Icons
Datensätze löschen
Neue Datensätze erzeugen
Datensätze editieren
Navigation innerhalb einer Applikation -- der Router
Installation und Einbindung
Navigation in der Applikation
Testen des Routings
Bedingte Umleitungen
Dynamische Routen
Eigene React-Bibliotheken erzeugen
Eine eigene Komponentenbibliothek erzeugen
Einbinden der Bibliothek
Testen der Bibliothek
Zentrales State-Management mit Redux
Die Flux-Architektur
Installation von Redux
Datensätze erstellen und bearbeiten
Umgang mit Asynchronität und Seiteneffekten in Redux
Middleware in Redux
Redux mit Redux Thunk
Generators -- Redux Saga
State-Management mit RxJS -- Redux Observable
JWT zur Authentifizierung
Serverkommunikation mit GraphQL und dem Apollo-Client
Einführung in GraphQL
Apollo, ein GraphQL-Client für React
Lokales State-Management mit Apollo
Authentifizierung
Internationalisierung
Einsatz von react-i18next
Platzhalter verwenden
Werte formatieren
Singular und Plural
Server-Side Rendering
Umsetzung von Server-Side Rendering
Performance
Der Callback-Hook
Pure Components
React.lazy
Virtuelle Tabellen
Abschluss Projekt
Zielgruppe
Web- und App-Entwickler
Voraussetzungen
Grundlagen React.js, Typescript, JavaScript
Förderung
Kompletter Kurs förderfähig z.B. mit Bildungsgutschein, über Berufsförderungsdienst (BFD) oder bei Kurzarbeit
