React für Profis: State-Management, Performance, Fiber, TypeScript | Mironsoft
React für Profis: State-Management, Performance und Internals
Die fortgeschrittene Fortsetzung von "React für Einsteiger": Wir bauen den Produktkatalog mit Zustand und Redux Toolkit weiter aus, optimieren Performance, schauen React selbst unter die Haube (Virtual DOM, Fiber), migrieren zu TypeScript und bereiten auf Vorstellungsgespräche vor.
Das lernst du
- Globales State-Management mit Zustand und Redux Toolkit
- Performance-Optimierung (Memoisierung, Code-Splitting, Lazy Loading)
- Wie React unter der Haube funktioniert (Virtual DOM, Fiber)
- Migration eines bestehenden Projekts zu TypeScript
- Typische Interview-Fragen für React-Entwickler
Voraussetzungen
- Abschluss von "React für Einsteiger" oder vergleichbares Wissen
- Sicherer Umgang mit Komponenten, Props und State
- Grundlegendes JavaScript/ES6+
Kapitel dieser Serie
- 1 Grenzen von Context API ~14 Min. Lesezeit
- 2 Globaler State mit Zustand ~16 Min. Lesezeit
- 3 Redux Toolkit: Einen Warenkorb bauen ~18 Min. Lesezeit
- 4 React DevTools Profiler ~13 Min. Lesezeit
- 5 React.memo vertieft ~15 Min. Lesezeit
- 6 Listen-Virtualisierung mit react-window ~15 Min. Lesezeit
- 7 Concurrent Features: useTransition und useDeferredValue ~14 Min. Lesezeit
- 8 Virtual DOM und Reconciliation ~16 Min. Lesezeit
- 9 React Fiber: Die Architektur unter der Haube ~16 Min. Lesezeit
- 10 Higher-Order Components (HOCs) ~14 Min. Lesezeit
- 11 Das Render-Props-Pattern ~12 Min. Lesezeit
- 12 Portals: Modals sauber bauen ~13 Min. Lesezeit
- 13 Error Boundaries: Abstürze kontrolliert auffangen ~13 Min. Lesezeit
- 14 TypeScript zum Projekt hinzufügen ~14 Min. Lesezeit
- 15 Komponenten und Props typisieren ~15 Min. Lesezeit
- 16 Hooks mit TypeScript typisieren ~15 Min. Lesezeit
- 17 Events, Formulare und API-Antworten typisieren ~16 Min. Lesezeit
- 18 Testing mit Vitest und React Testing Library ~17 Min. Lesezeit
- 19 Best Practices und Code-Organisation ~16 Min. Lesezeit
- 20 Deployment und Build-Optimierung ~15 Min. Lesezeit
- 21 Interview-Vorbereitung: Häufige React-Fragen ~18 Min. Lesezeit
Weiter lernen mit
React für Einsteiger: Deine erste Web-App
Ein vollständiges React-Tutorial für absolute Einsteiger: Schritt für Schritt bauen wir gemeinsam eine echte Produktkatalog-Website mit Produktseiten, Formularen, Routing und einer eigenen kleinen Datenbank – von der ersten Codezeile bis zur fertigen App.
Serie ansehen
TypeScript: Das komplette Tutorial
Ein vollständiges TypeScript-Tutorial von Grund auf: jedes Sprachfeature Schritt für Schritt erklärt, an einer einzigen, durchgehenden Bibliotheksverwaltungs-App aus reinem Node.js/TypeScript – ohne React oder andere Frameworks, ausschließlich die Sprache selbst.
Serie ansehen
React & Magento: Produktdaten live aus dem Shop laden
Ein fokussiertes React-Projekt, das echte Produktdaten über die Magento REST API lädt: API aktivieren, Zugangsdaten einrichten, Produktliste mit Pagination und eine Detailseite mit allen Produktdaten – Schritt für Schritt zum Nachtippen.
Serie ansehen