React für Einsteiger: Komplettes Tutorial mit Beispielprojekt | Mironsoft
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.
Das lernst du
- Wie du eine komplette React-App von Grund auf aufbaust
- Komponenten, Props und State sauber einsetzen
- Formulare, Validierung und eigene Hooks
- Routing zwischen mehreren Seiten mit React Router
- Eine eigene kleine Datenbank anbinden
Voraussetzungen
- Grundkenntnisse in HTML und CSS
- Grundlegendes JavaScript (Variablen, Funktionen, Arrays)
- Keine React-Vorkenntnisse nötig
Kapitel dieser Serie
- 1 Was ist React? Warum React? ~8 Min. Lesezeit
- 2 Entwicklungsumgebung einrichten ~9 Min. Lesezeit
- 3 Dein erstes Projekt erstellen ~9 Min. Lesezeit
- 4 JSX und Components verstehen ~9 Min. Lesezeit
- 5 Props und eigene Komponenten ~10 Min. Lesezeit
- 6 State und Event Handling ~10 Min. Lesezeit
- 7 Conditional Rendering, Listen und Keys ~11 Min. Lesezeit
- 8 useEffect verstehen ~11 Min. Lesezeit
- 9 useRef verstehen ~10 Min. Lesezeit
- 10 useMemo und useCallback ~11 Min. Lesezeit
- 11 useContext verstehen ~11 Min. Lesezeit
- 12 Custom Hooks und Rules of Hooks ~12 Min. Lesezeit
- 13 Controlled und Uncontrolled Components ~10 Min. Lesezeit
- 14 Form Validation in React ~12 Min. Lesezeit
- 15 Formulare mit React Hook Form ~11 Min. Lesezeit
- 16 Formulare im echten Einsatz ~10 Min. Lesezeit
- 17 React Router Grundlagen ~12 Min. Lesezeit
- 18 Dynamic Routes und Nested Routes ~13 Min. Lesezeit
- 19 Protected Routes in React Router ~12 Min. Lesezeit
- 20 Lazy Loading in React ~10 Min. Lesezeit
- 21 Fetch API versus Axios ~10 Min. Lesezeit
- 22 Async/Await und die Magento-Anbindung ~13 Min. Lesezeit
- 23 Error Handling und Loading States ~11 Min. Lesezeit
- 24 Pagination in React ~12 Min. Lesezeit
- 25 Docker und MySQL einrichten ~14 Min. Lesezeit
- 26 Den Server fertigstellen und anbinden ~15 Min. Lesezeit
Weiter lernen mit
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.
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
JavaScript: Das komplette Tutorial
Ein vollständiges JavaScript-Tutorial von Grund auf: jedes Sprachfeature Schritt für Schritt erklärt, an einer einzigen, durchgehenden Haushaltsbuch-App aus reinem Node.js/JavaScript – ohne Framework, ausschließlich die Sprache selbst.
Serie ansehen