Tag: React

1. React Native Grundlagen für Web-Entwickler

   09.06.2025

   Wer React im Browser beherrscht, bringt bereits das Kernwissen für React Native mit: Komponenten, Hooks und State funktionieren identisch. Was sich ändert, sind die Bausteine für die Oberfläche, das Styling-Modell und die Art, wie native Funktionen wie Kamera oder Push-Benachrichtigungen angebunden werden. Dieser Artikel zeigt den direkten Umstieg mit konkretem Code.

   Read more

2. React 19: was ist neu und was ändert sich wirklich

   26.05.2025

   React 19 ist kein inkrementelles Update. Server Components verlassen die experimentelle Phase, Server Actions werden Teil des Kern-APIs, der React Compiler übernimmt automatisches Memoizing, und neue Hooks vereinfachen Formulare, optimistische Updates und Asset-Loading grundlegend. Was davon für bestehende Projekte relevant ist – und was sich tatsächlich im Alltag ändert.

   Read more

3. Storybook 8: Design System systematisch aufbauen

   15.05.2025

   Ein Design System ohne lebende Dokumentation ist nach sechs Monaten veraltet. Storybook 8 verbindet Component-Driven Development, automatisch generierte Docs und visuelles Regressionstesting zu einem Workflow, der tatsächlich durchgehalten wird – von der ersten Button-Komponente bis zur produktionsreifen Bibliothek.

   Read more

4. Streaming SSR im Detail verstehen: Suspense, Selective Hydration & TTFB

   13.05.2025

   Streaming SSR zerlegt eine Serverantwort in mehrere Chunks, statt auf das vollständige HTML zu warten, bevor überhaupt etwas an den Browser geschickt wird. React Suspense definiert dabei die Grenzen, an denen einzelne Teile der Seite nachgeliefert werden, während schnell verfügbare Inhalte sofort sichtbar sind.

   Read more

5. React Deployment: Vercel, Netlify oder Self-Hosted

   10.05.2025

   Beim React Deployment entscheidet die Wahl der Plattform über Build-Zeiten, Kosten und Kontrolle. Vercel, Netlify und ein selbst betriebener Docker-Stack lösen dasselbe Problem mit unterschiedlichen Kompromissen. Dieser Artikel zeigt konkrete Konfigurationen, eine CI/CD-Pipeline und die Entscheidungskriterien für jede Situation.

   Read more

6. React Performance messen bevor optimieren: Profiler, DevTools und Metriken

   06.05.2025

   useMemo und useCallback überall einsetzen macht React-Apps nicht schneller — es macht sie komplizierter. Wer zuerst misst, findet die echten Engpässe: unnötige Re-Renders, teure Berechnungen an der falschen Stelle und Layout-Thrashing. Dieser Artikel zeigt den richtigen Ablauf mit React Profiler, Chrome DevTools und handfesten Metriken.

   Read more

7. React Strict Mode: Was er wirklich prüft (und warum er nervt)

   05.05.2025

   React StrictMode ist kein optionaler Komfort — er ist ein Frühwarnsystem für Bugs, die in Production still und tückisch fehlschlagen. Warum er Components zweifach rendert, useEffect doppelt feuert und was das mit Concurrent Features zu tun hat.

   Read more

8. Focus Traps und barrierefreie Modals in React: Der vollständige Guide

   04.05.2025

   Ein Modal ohne Focus Trap lässt Tastaturnutzer im Hintergrund verschwinden, während der Dialog visuell im Vordergrund steht. Dieser Guide zeigt, wie man einen eigenen Focus Trap in React implementiert, ARIA-Attribute korrekt setzt und den Fokus nach dem Schließen zuverlässig zurückgibt, ganz ohne fertige Bibliothek.

   Read more

9. React Checkout Flow: Best Practices für Magento

   23.04.2025

   Ein React Checkout Flow entscheidet in wenigen Sekunden darüber, ob ein Kunde den Kauf abschließt oder abbricht. Klare Schritt-Struktur, sofortige Formular-Validierung und robuste Fehlerbehandlung bei Zahlungsanbietern machen den Unterschied zwischen einem Checkout, der konvertiert, und einem, der Umsatz verschenkt.

   Read more

10. React Internationalisierung: next-intl in der Praxis

    11.04.2025

    Internationalisierung in React wird oft unterschätzt, bis die erste Mehrsprachigkeit-Anforderung im Backlog landet. next-intl bietet für Next.js App Router eine vollständige i18n-Lösung: typsichere Übersetzungen, ICU-Pluralisierung, Datums- und Zahlenformatierung nach Locale, Sprachrouting und vollständiger Server-Component-Support ohne Client-Bundle-Overhead.

    Read more