Frontend
Der CSS :has()-Selektor: Ein praktischer Leitfaden
Wie die Pseudoklasse :has() CSS endlich einen Eltern-Selektor gibt – samt Mustern, Fallstricken und Performance-Kompromissen.
·5 Min. Lesezeit
Kategorien
Frontend
UI & Nutzererfahrung · 40 Artikel · Seite 1 von 4
Frontend
CSS Anchor Positioning: Das Ende von Popper.js
CSS Anchor Positioning positioniert Tooltips, Popovers und Menüs relativ zu jedem Element – ganz ohne JavaScript-Library.
·4 Min. Lesezeit
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
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
CSS-Architektur im großen Maßstab: Vom Chaos zur Souveränität
Wie man CSS in großen Anwendungen strukturiert: Design-Tokens, Komponentenmuster, Utility-Klassen und Prinzipien gegen Stylesheet-Entropie.
·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
WebAssembly: Praktische Anwendungsfälle jenseits des Hypes
Ein nüchterner Blick darauf, wo WebAssembly wirklich hilft: Bildverarbeitung, Kryptografie, Datentransformation — und wann JavaScript besser bleibt.
·4 Min. Lesezeit