A hot reload azonnal megjeleníti a kódmódosításokat a böngészőben, anélkül, hogy az egész oldalt újra kellene tölteni.
A hot reload olyan fejlesztői funkció, amely bizonyos fájlváltozásokat — jellemzően CSS-t, szekciókat vagy egyes sablonrészeket — azonnal, teljes oldalú újratöltés nélkül jelenít meg a böngészőben. A fejlesztő menti a fájlt, és a változás másodperceken belül, a görgetési pozíció és az oldal állapotának elvesztése nélkül látszik a képernyőn.
Miért fontos ez a Shopify theme fejlesztésnél
A Shopify CLI fejlesztői szervere (shopify theme dev) beépített hot reload funkcióval indul: amikor egy .liquid szekciót vagy CSS-fájlt módosítasz, a böngésző automatikusan frissíti az érintett részt, miközben a kosár tartalma, a görgetési pozíció vagy egy nyitott modál állapotban marad. Ez élesen szemben áll a régi módszerrel, amikor minden apró CSS-módosítás után manuálisan kellett újratölteni az oldalt, és újra elő kellett állítani a tesztelt állapotot.
Egy magyar Shopify-fejlesztő számára ez elsősorban időmegtakarítást jelent: egy összetettebb theme testreszabásánál — például egy termékoldal elrendezésének finomhangolásánál — a hot reload nélkül könnyen percekbe kerülne minden apró változtatás visszaellenőrzése. Fontos ugyanakkor tudni, hogy nem minden módosítás váltja ki a hot reload-ot; egyes .liquid fájlokban végzett strukturálisabb változtatás után a fejlesztői szerver teljes oldalfrissítést hajt végre.
Bővebben: Shopify theme fejlesztés CLI-val, lépésről lépésre