[{"data":1,"prerenderedAt":83},["ShallowReactive",2],{"blog-de-vite-the-new-speed":3},{"id":4,"title":5,"body":6,"cover":67,"date":68,"description":69,"draft":70,"extension":71,"locale":72,"meta":73,"navigation":74,"path":75,"seo":76,"stem":77,"tags":78,"__hash__":82},"blog\u002Fblog\u002Fde\u002Fvite-the-new-speed.md","Vite: Geschwindigkeit, die Spaß macht",{"type":7,"value":8,"toc":60},"minimark",[9,13,18,26,29,35,39,42,45,49,52],[10,11,12],"p",{},"Es gibt diesen Moment, in dem ein Werkzeug nicht nur schneller ist, sondern das Gefühl der\nArbeit verändert. Für mich war das Vite. Mit Version 2, die gerade erschienen ist, startet\nder Entwicklungsserver praktisch sofort — und plötzlich macht das Bauen wieder Spaß.",[14,15,17],"h2",{"id":16},"warum-es-so-schnell-ist","Warum es so schnell ist",[10,19,20,21,25],{},"Klassische Bundler wie Webpack packen vor jedem Start die gesamte Anwendung zusammen. Bei\ngroßen Projekten sitzt man dann erst einmal und wartet. Vite dreht das Prinzip um: Es\nliefert deinen Quellcode über ",[22,23,24],"strong",{},"natives ES-Modul-Importieren"," direkt an den Browser aus.",[10,27,28],{},"Der Browser lädt nur die Module, die er für die aktuelle Seite gerade braucht. Kein\nVorab-Bundling, kein Warten. Abhängigkeiten wie React werden einmalig mit esbuild\nvorbereitet — und esbuild ist in Go geschrieben, was es um Größenordnungen schneller macht\nals Bundler in JavaScript.",[30,31,32],"blockquote",{},[10,33,34],{},"Wenn der Server in Millisekunden startet, denkt man nicht mehr in „Build und Test\", sondern\neinfach im Tun.",[14,36,38],{"id":37},"feedback-in-echtzeit","Feedback in Echtzeit",[10,40,41],{},"Der eigentliche Gewinn liegt im Hot Module Replacement. Ich ändere eine Farbe in einem\nShader oder den Abstand in einem Layout — und sehe das Ergebnis, bevor ich den Blick vom\nCode zur Vorschau gehoben habe. Diese Unmittelbarkeit ist mehr als Komfort.",[10,43,44],{},"Für kreatives Arbeiten ist die Länge der Feedback-Schleife entscheidend. Jede Sekunde\nWartezeit ist eine kleine Unterbrechung, in der die Idee verblasst. Wenn das Feedback sofort\nkommt, kann ich experimentieren, verwerfen und neu probieren, ohne den Faden zu verlieren.\nAus zähem Iterieren wird ein Gespräch mit dem Material.",[14,46,48],{"id":47},"mein-fazit","Mein Fazit",[10,50,51],{},"Vite löst kein Problem, das vorher unlösbar war — Webpack baut am Ende dieselben\nAnwendungen. Aber es nimmt die Reibung aus dem Alltag, und Reibung ist der stille Feind der\nKreativität. Wenn das Werkzeug aufhört, sich bemerkbar zu machen, bleibt mehr Aufmerksamkeit\nfür das, was wirklich zählt: die Gestaltung selbst.",[10,53,54,55,59],{},"Ich habe in den letzten Wochen mehrere kleinere Projekte umgezogen, und die ersten\nSekunden nach ",[56,57,58],"code",{},"npm run dev"," waren jedes Mal ein kleines Aufatmen. Geschwindigkeit ist kein\nSelbstzweck — aber wenn sie sich so anfühlt, wird sie zum Teil des Vergnügens.",{"title":61,"searchDepth":62,"depth":62,"links":63},"",2,[64,65,66],{"id":16,"depth":62,"text":17},{"id":37,"depth":62,"text":38},{"id":47,"depth":62,"text":48},null,"2021-02-16","Vite 2 brachte Anfang 2021 sofort startende Dev-Server über natives ESM — warum schnelle Feedback-Schleifen für kreatives Arbeiten alles verändern.",false,"md","de",{},true,"\u002Fblog\u002Fde\u002Fvite-the-new-speed",{"title":5,"description":69},"blog\u002Fde\u002Fvite-the-new-speed",[79,80,81],"Vite","Tooling","Performance","lPb6-ru8W5wwgYIZf-4nlDEenTNMTgkyXp-C4fwLovw",1781691287541]