React und MUI (Material UI)
Design-Systeme, Theming und produktionsreife React-Oberflächen mit MUI gezielt entwickeln
- MUI-Komponenten sicher einsetzen
- Design-Systeme mit Theming aufbauen
- Data Grid und Formulare integrieren
- 2 Tage
- Fortgeschritten
- Online
- Zufriedenheitsgarantie Risikofrei für dich
- Online Live per Videokonferenz
- max. 8 Teilnehmerinnen und Teilnehmer pro Gruppe
- Keine Vorkasse Rechnung nach dem Seminar
Das nimmst du mit
- MUI-Komponenten sicher einsetzen
- Design-Systeme mit Theming aufbauen
- Data Grid und Formulare integrieren
- SSR und Bundle Size optimieren
- React-UIs produktionsreif entwickeln
Passt das zu dir?
Damit du den Tag wirklich mitnimmst, lohnt sich ein kurzer Abgleich.
Richtig für dich, wenn
- React-Entwicklerinnen und React-Entwickler mit UI-Schwerpunkt
- Frontend-Teams für Web-Applikationen mit MUI
- Fullstack-Entwicklerinnen und Fullstack-Entwickler mit React-Erfahrung
Das bringst du mit
- Sichere Grundkenntnisse in React und Komponentenentwicklung
- Grundlagen in JavaScript, HTML5 und CSS
- Erfahrung mit npm oder vergleichbaren Package-Managern
- Für den Einstieg in React empfiehlt sich vorher der React Grundkurs
Dein Lernweg
Tag 1: MUI-Grundlagen, Layout und Komponenten
- Einordnung von MUI in React-Projekten
- Installation, Projektstruktur und Templates
- Aufbau der gemeinsamen Web-Applikation
- Layout mit Box, Container, Grid, AppBar und Drawer
- Einsatz zentraler Komponenten wie Cards, Paper, Icons, Alerts und Dialoge
- Responsive Designs mit Breakpoints und Layout-Regeln
Tag 2: Formulare, Data Grid, Theming und Optimierung
- Formulare mit Inputs, Select, Autocomplete, Buttons und Switches
- Navigation mit React Router und MUI-Komponenten
- Data Grid mit Filtern, Suche, Sortierung und eigenen Renderern
- Theming mit ThemeProvider, Dark Mode, Spacing und Transitions
- Lokalisierung, Datenadapter und MUI-X-Funktionen
- Server Side Rendering, Performance und Bundle-Size-Optimierung
Klarheit von Anfang an
Format, Ablauf und alles, was schon enthalten ist. Keine Überraschungen, nur Fokus auf dein Ergebnis.
- Live-OnlineInteraktiv per Videokonferenz, von überall
2 Tage
Kompakt aufgebaut, damit du schnell ins Tun kommst.
max. 8
Kleine Gruppe, damit genug Raum für deine Fragen bleibt.
- Hands-on-Workshop mit gemeinsamer Entwicklung einer lauffähigen Web-Applikation
- Live-Coding durch erfahrene React-Entwicklerinnen und React-Entwickler
- Übungen zu Komponenten, Layouts, Formularen, Data Grid und Theming
- Besprechung typischer Architektur- und Design-Entscheidungen aus Projekten
- Direktes Feedback zu Umsetzungsvarianten und Optimierungsmöglichkeiten
Das ist immer dabei
- Ausführliche Schulungsunterlagen und Praxisbeispiele
- Teilnahmezertifikat
- Übungsumgebungen und Beispieldaten
- Nachbetreuung per E-Mail nach dem Seminar
Sichere dir deinen Platz
Wähle den Termin, der zu dir passt. Online live dabei oder vor Ort, ganz wie es für dich passt.
- Erfahrene IT-Trainer aus der Praxis
- Keine Vorkasse, Rechnung nach dem Seminar
- Kostenfreie Umbuchung bis 14 Tage vor Start
Lieber das ganze Team?
Bring dieses Seminar zu euch ins Haus oder lass uns ein Programm bauen, das genau auf euer Unternehmen passt.
Inhouse-Schulung
Wir kommen zu dir und schulen dein Team genau auf eure Praxis.
- Komplett auf eure Use-Cases und Tools zugeschnitten
- Termin und Ort bestimmst du, vor Ort oder Live-Online
- Ein fester Pauschalpreis statt Preis pro Person
Firmen-Seminar
Ein individuelles Programm, das wir auf eure Ziele zuschneiden.
- Frei kombinierbare Module aus unserem Themenkatalog
- Skalierbar von der Kleingruppe bis zur ganzen Belegschaft
- Begleitung über mehrere Termine hinweg möglich
Deine IT-Schulungen München-Expertinnen und -Experten
Du hast Fragen zu Inhalten, Terminen oder einer passenden Lösung für dein Team? Wir beraten dich gern, bevor du buchst. Direkt, ohne Umwege.
Antwort in der Regel am selben Werktag
Dein cmt-Team München
Beratung zu IT-Weiterbildung
Fragen und Antworten zu React und MUI (Material UI)
Welche Version von React und MUI wird in der Schulung verwendet?
In offenen Seminaren werden die aktuell stabilen Versionen von React und MUI verwendet. In einer Inhouse- oder Firmen-Schulung können die eingesetzten Versionen an eure Projektumgebung angepasst werden.
Wird auch auf MUI Pro und MUI Premium eingegangen?
Ja, zusätzliche Funktionen von MUI X Pro und MUI X Premium, insbesondere im Data Grid, werden besprochen. Der Schwerpunkt liegt jedoch auf der kostenlosen Open-Source-Community-Version und auf Konzepten, die sich direkt in vielen Projekten einsetzen lassen.
Ist React Router in Kombination mit MUI Bestandteil der Schulung?
Ja. Die Verwendung von React Router zusammen mit MUI-Komponenten ist Bestandteil der Schulung, insbesondere bei Navigation, Layout-Strukturen und typischen App-Shell-Szenarien. Für weiterführende React-Architektur passt anschließend der React Aufbaukurs zu Redux, Routing und Testing.
Welche Vorkenntnisse sind für React und MUI erforderlich?
Du solltest React-Komponenten schreiben, Props und State einsetzen und grundlegende JavaScript-, HTML5- und CSS-Kenntnisse mitbringen. TypeScript ist hilfreich, aber keine zwingende Voraussetzung.
Wird Server Side Rendering mit MUI behandelt?
Ja, Server Side Rendering wird im Zusammenhang mit MUI behandelt. Dabei geht es um typische Stolperstellen, Styling, Theme-Integration und Performance-Aspekte. Wenn SSR und skalierbare React-Architekturen im Mittelpunkt stehen, ist das Seminar Next.js App Router: Skalierbare Webarchitektur eine passende Vertiefung.
Eignet sich die Schulung für Produkt- und Datenanwendungen?
Ja. Der Workshop behandelt mit Data Grid, Formularen, Layouts, Navigation und Theming genau die Bausteine, die in datengetriebenen Web-Applikationen häufig gebraucht werden. Für API-orientierte React-Anwendungen ergänzt die React und GraphQL Schulung den Lernpfad sinnvoll.
Passende Schulungen
React und MUI (Material UI)
Nächster Termin: 22. Oktober 2026 · Online
ab1.090 €netto