New in Vue - Srpen 2025

Jsou to tři týdny od mého prvního 'New in Vue' článku, je na čase začít dávat dohromady další. Věděli jste, že je vlastně celkem těžké nutit se do psaní článků pravidelně? Ale naštěstí se svět Vue.js neustále vyvíjí a nová inspirativní témata vznikají téměř každý den. Podívejme se na ně.

---

Vite 7.0 a velké plány do budoucna

Nová major verze tohoto de-facto standardního build nástroje pro (nejen) Vue byla vydána 24. června. Změny tentokrát nejsou míněny jako revoluční, ale jak lze vidět z odkazovaného changelogu, je to velmi živý projekt a mezitím už byla dodána spousta oprav a nových funkcí v následujících minor/patch verzích.

Vite je dnes v moderním světě JavaScriptu pojem, pomalu si razí cestu do více a více projektů a frameworků. Nedávno už v popularitě předstihl Webpack (měřeno týdenními staženími na NPM):

{% embed https://x.com/youyuxi/status/1950234261573038444 %}

Ale to je stále jen začátek. Sledoval jsem nedávnou prezentaci Evana You z konference JSNation o všech nových věcech, které jsou na cestě:

{% embed https://youtu.be/cXiy8jtgfmM?si=jHsH_vookp8Bxphc %}

Mezitím se některé z těchto věcí už ve "ViteLandu" odehrávají. Pokud máte zájem, můžete si přečíst tento užitečný přehled. A buďte si jistí, že nás brzy zasáhnou další novinky.

Do Vitest v4 míří vizuální testování

Vitest je skvělý testovací framework, který už nyní stojí za vaši pozornost. Ale brzy bude ještě lepší! Jak bylo nedávno oznámeno, nadcházející nová verze 4 bude obsahovat vestavěné vizuální regresní testy prostřednictvím funkce toMatchScreenshot. Momentálně je stále ještě v beta verzi, ale věřím, že jsme jen pár dní od GA vydání.

Vizuální regresní testování je užitečná technika pro nalezení neočekávaných chyb zaváděných se změnami ve frontend aplikacích. Podařilo se mi už nastavit pro jeden z mých vedlejších projektů, který vykresluje věci na HTML canvas a potřebuji být si jistý, že pokud něco změním v renderovacím enginu, všechny případy (momentálně 220+) stále dávají očekávaný výstup.

Opravdu mi to ušetřilo spoustu trapných chyb, protože přirozeně sotva předvídáte všechny důsledky vašich změn. Mé řešení má ale dva problémy - stalo se docela pomalým (více než 5 minut) a je postaveno na knihovně nazvané BackstopJS, která už není moc udržována.

Přemýšlel jsem o nalezení nějaké alternativy a všiml si snah udělat to pomocí Vitestu. Ale teď to vypadá, že to bude zahrnuto přímo ve frameworku, žádné vlastní workaroundy! Jsem nadšený a těším se, až to vyzkouším. Dám vám vědět, jak to dopadlo.

Nuxt - stabilní zpětně kompatibilní evoluce

Od té doby, co byl minulý měsíc Nuxt 4 vydán, už jsme dostali tři patch verze, které se zdají být vydávány v docela stabilním týdenním tempu. Každá opravuje nějaké nové problémy a neustále framework drobně zlepšuje.

Mezitím byl také otevřen kanál zpětné kompatibility. S Nuxt 3.18 začaly proudit nové funkce a věci, které jsou opravovány ve v4 a mohou být zpětně portovány do v3. Tato podpora bude udržována nejméně půl roku. To by mělo dát všem používajícím Nuxt v3 dostatek času na naplánování a provedení migrace, která by mimochodem měla být opravdu docela snadná, pokud nemáte nějaké velmi speciální nastavení.

A pokud přece jen máte, neváhejte vyhledat pomoc přímo od Nuxt týmu. Jsou velmi přátelští a nápomocní.

To je prozatím vše. Děkuji za pozornost, užijte si zbytek léta a uvidíme se zase za měsíc nebo tak 👋