Frontend
React Server Actions: Muster, Fallstricke und Praxiseinsatz
Server Actions holen Formulare und Mutationen in Next.js zurück auf den Server — richtig einsetzen, Fallstricke vermeiden, skalierbare Muster bauen.
·4 Min. Lesezeit
Tags
React
17 Artikel · Seite 1 von 2
Frontend
Finite State Machines für komplexe UI-Logik in TypeScript
Ersetze Boolean-Flag-Spaghetti durch Finite State Machines: ein TypeScript-Ansatz, der unmögliche UI-Zustände konstruktionsbedingt ausschließt.
·4 Min. Lesezeit
Frontend
Ein Design-System aufbauen: Von Tokens zu Komponenten
Design-Tokens, Komponenten-APIs und die organisatorischen Muster, die ein Design-System zu einem Multiplikator statt zu einem Wartungsrisiko machen.
·4 Min. Lesezeit
Frontend
React-Performance: Patterns, die wirklich etwas bewirken
Praktische Performance-Techniken für React: Memoisierung, Virtualisierung, Code-Splitting und Profiling mit echten Vorher-Nachher-Benchmarks.
·3 Min. Lesezeit
Frontend
State Management 2026: Was du wann einsetzen solltest
Praktischer Leitfaden zur Wahl des State-Managements in modernen React-Apps – von useState über Zustand bis React Query – und die Gründe dahinter.
·3 Min. Lesezeit
Frontend
Optimistische UI-Updates: Sofortige Oberflächen mit Rollback
Optimistische UI-Updates, die sofort wirken: erwarteten Zustand anzeigen, mit der Serverantwort abgleichen und bei Fehlern sauber zurücksetzen.
·4 Min. Lesezeit
Frontend
Server oder Client Components: die Wahl in Next.js
Das mentale Modell für die Wahl zwischen Server und Client Components in Next.js: Rendering-Grenze, Serialisierung und Kompositionsmuster.
·4 Min. Lesezeit
Frontend
Barrierefreie React-Komponenten von Grund auf entwickeln
Baue React-Komponenten, die standardmäßig tastaturbedienbar, screenreader-freundlich und WCAG-konform sind – mit ARIA, Fokus und semantischem HTML.
·4 Min. Lesezeit
Frontend
Barrierefreie React-Komponenten von Grund auf entwickeln
Leitfaden für React-Komponenten mit Barrierefreiheit zuerst: ARIA-Muster, Tastaturnavigation, Fokus-Management und Screenreader-Tests.
·5 Min. Lesezeit
Tutorials
Ein Echtzeit-Dashboard mit Server-Sent Events und React
Schritt-für-Schritt zum live aktualisierten Dashboard mit Server-Sent Events: das SSE-Protokoll, ein Node.js-Server und ein React-Client mit Reconnect.
·6 Min. Lesezeit
Tutorials
Eine typsichere Formular-Bibliothek von Grund auf bauen
Baue eine typsichere Formular-Bibliothek in TypeScript: Laufzeitvalidierung, Fehler pro Feld, Dirty-State und eine komponierbare API mit Compile-Checks.
·5 Min. Lesezeit
Frontend
SSR-Muster und ihre Performance-Kompromisse
SSR-Architekturmuster: Streaming SSR, selektive Hydration, Insel-Architektur und partielles Prerendering — mit Messwerten und Entscheidungshilfen.
·5 Min. Lesezeit