⚙️ Part 7 - Loading & Error States

💡 Drei Zustände für bessere UX:

1. Loading - Daten werden geladen (Spinner zeigen)
2. Error - Fehler aufgetreten (Fehlermeldung zeigen)
3. Success - Daten erfolgreich geladen (Daten anzeigen)

Klick auf einen Button um zu starten

📝 State Management Muster:

let state = { data: null, isLoading: false, error: null }; async function loadData() { state.isLoading = true; state.error = null; updateUI(); // Loading anzeigen try { const res = await fetch('/api/data'); state.data = await res.json(); } catch (error) { state.error = error.message; } finally { state.isLoading = false; updateUI(); // Success oder Error anzeigen } } function updateUI() { if (state.isLoading) { // Spinner zeigen } else if (state.error) { // Error zeigen } else { // Daten zeigen } }