React und MUI (Material UI)

Einführung und Übersicht

• Warum React MUI?
• Installation
• Templates
• MUI Editionen
• Kombination mit Next.js, Preact, Gatsby und Co.
• Templates

MUI Komponenten

• Data Grid
• Data Grid mit eigenen Filtern, Suche und eigenen Renderern
• Die MUI Box, Grid und Container
• Alerts
• Modals / Dialoge
• Layouts mit MuiAppBar, Drawer und Co.
• MUI Icons
• Cards
• Paper
• Breakpoints
• …

MUI Formulare

• Inputs
• Autocomplete und Select
• Buttons und Button Groups
• Toggle Buttons
• Switches

Fortgeschrittene Themen

• Anpassungen an das eigene Corporate Layout mit ThemeProvider / Theming
• Dark Mode, Spacing, Transitions und Co.
• MUI Mixins und styled
• LocalizationProvider für Übersetzungen
• MUI DataAdapter
• Server Side Rendering (SSR) mit MUI
• Performance Optimierung
• Bundle size reduzieren
• Viele Tipps aus der Praxis