[{"data":1,"prerenderedAt":83},["ShallowReactive",2],{"blog-en-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\u002Fen\u002Fvite-the-new-speed.md","Vite: speed that's actually fun",{"type":7,"value":8,"toc":60},"minimark",[9,13,18,26,29,35,39,42,45,49,52],[10,11,12],"p",{},"There's a moment when a tool isn't just faster but changes the feeling of the work itself.\nFor me, that was Vite. With version 2, which has just been released, the development server\nstarts practically instantly — and suddenly building things is fun again.",[14,15,17],"h2",{"id":16},"why-its-so-fast","Why it's so fast",[10,19,20,21,25],{},"Classic bundlers like Webpack pack the entire application together before every start. On\nlarge projects you sit and wait. Vite flips the principle: it serves your source code to the\nbrowser directly through ",[22,23,24],"strong",{},"native ES module imports",".",[10,27,28],{},"The browser only loads the modules it actually needs for the current page. No upfront\nbundling, no waiting. Dependencies like React are prepared once with esbuild — and esbuild is\nwritten in Go, which makes it orders of magnitude faster than bundlers written in JavaScript.",[30,31,32],"blockquote",{},[10,33,34],{},"When the server starts in milliseconds, you stop thinking in \"build and test\" and simply\nthink in doing.",[14,36,38],{"id":37},"feedback-in-real-time","Feedback in real time",[10,40,41],{},"The real win lies in Hot Module Replacement. I change a color in a shader or the spacing in a\nlayout — and I see the result before I've even lifted my eyes from the code to the preview.\nThat immediacy is more than convenience.",[10,43,44],{},"For creative work, the length of the feedback loop is everything. Every second of waiting is a\nsmall interruption in which the idea fades. When feedback arrives instantly, I can experiment,\ndiscard, and try again without losing the thread. Sluggish iteration turns into a conversation\nwith the material.",[14,46,48],{"id":47},"my-takeaway","My takeaway",[10,50,51],{},"Vite doesn't solve a problem that was previously unsolvable — Webpack ultimately builds the\nsame applications. But it takes the friction out of the everyday, and friction is the quiet\nenemy of creativity. When the tool stops drawing attention to itself, more attention is left\nfor what truly matters: the design itself.",[10,53,54,55,59],{},"Over the past weeks I've migrated several smaller projects, and the first seconds after\n",[56,57,58],"code",{},"npm run dev"," were a small sigh of relief every time. Speed isn't an end in itself — but when\nit feels like this, it becomes part of the pleasure.",{"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 brought instant dev servers via native ESM in early 2021 — why fast feedback loops change everything about creative work.",false,"md","en",{},true,"\u002Fblog\u002Fen\u002Fvite-the-new-speed",{"title":5,"description":69},"blog\u002Fen\u002Fvite-the-new-speed",[79,80,81],"Vite","Tooling","Performance","Z4yGQabv0c5yZZsbj-GUL02L8DHQEGRlbgPoUpJH1Wo",1781691288486]