Automatické invalidace cache v sestavení React

Už byste měli vědět, že v prohlížečích existuje problém s cache statických souborů. Podstata problému spočívá v tom, že pro zvýšení rychlosti prohlížeč ukládá do mezipaměti soubory stylů, skriptů a obrázků.

To znamená, že pokud na hostingu změníte něco ve svých skriptech nebo stylech, změny se projeví pouze u nových návštěvníků webu. Staří návštěvníci, kteří na webu již dříve byli, uvidí verzi kódu uloženou v cache. To je samozřejmě nepřijatelné.

Naštěstí je v React tento problém řešen automaticky. Jeho řešení spočívá v tom, že soubory sestavení, kromě názvu a přípony, mají náhodný řetězec, který se nazývá hash. Tento hash odpovídá obsahu souboru. To znamená, že při změně kódu v souboru se změní i hash v jeho názvu. Prohlížeč si tak bude myslet, že se jedná o nový soubor a stáhne si jej.

Hash souborů můžeme pozorovat při jejich připojování v index.html: