Vue.js

1. Transitionen in Vue: Was wirklich smooth ist und was nur blinkt

   05.01.2025

   Vue Transitionen sind mächtig, aber voller versteckter Fallen. Ein falsch gesetztes CSS-Property löst Layout Reflow aus und macht die Animation ruckelig. Ein fehlender key-Wechsel lässt Elemente verschwinden, ohne dass Transition überhaupt ausgelöst wird. Dieser Artikel erklärt, wie Vue Transitionen tatsächlich funktionieren, welche CSS-Properties smooth laufen und welche Muster in der Praxis zuverlässig schöne Animationen liefern.

   Read more

2. Vue Performance: Große Listen, Memoisierung und Virtualisierung

   03.01.2025

   Eine Vue-Anwendung, die mit 50 Einträgen flüssig läuft, kann mit 5.000 Einträgen zum Erliegen kommen. Virtualisierung, Memoisierung und gezieltes Profiling sind die drei Hebel, mit denen große Listen performant bleiben – messbar, nicht gefühlt.

   Read more

3. Bundle Splitting für Vue Apps mit Vite und Rollup

   01.01.2025

   Ein einzelnes riesiges JavaScript Bundle bremst jede Vue App beim ersten Laden aus. Bundle Splitting mit dynamic import, manualChunks und Route basiertem Code Splitting verteilt den Code auf kleinere Häppchen, die der Browser parallel und bedarfsgerecht lädt.

   Read more