Rivendosja Automatike e Cache në Build të React
Ju duhet të dini tashmë se në shfletues ekziston problemi i cache të statikës. Thelbi i problemit është se për të rritur shpejtësinë, shfletuesi fshehtëzon (cache) fajllat e stileve, skriptave dhe imazheve.
Kjo do të thotë se nëse në hosting ju ndryshoni diçka në skriptat ose stilat tuaja, atëherë ndryshimet do të shfaqen vetëm te vizitorët e rinj të faqes. Vizitorët e vjetër, të cilët kanë qenë në faqe më parë, do të shihnin versionin e fshehtëzuar të kodit. Kjo, sigurisht, është e papranueshme.
Për fat të mirë, në React ky problem zgjidhet automatikisht. Zgjidhja e tij qëndron në faktin se fajllat e build, përveç emrit dhe zgjatjes, kanë një varg të rastësishëm, i cili quhet hash. Ky hash korrespondon me përmbajtjen e fajllit. Kjo do të thotë se kur ndryshohet kodi në fajll, do të ndryshojë edhe hash në emrin e tij. Kështu, shfletuesi do të mendojë se ky është një fajll i ri dhe do ta shkarkojë atë.
Ne mund të vëzhgojmë hash-et e fajllave
gjatë lidhjes së tyre në index.html:
<script defer="defer" src="/static/js/main.3dd63bcb.js"></script>
<link href="/static/css/main.f855e6bc.css" rel="stylesheet">
Kryeni build-in e projektit. Studioni, çfarë hash-esh kanë fajllat në build.
Pa ndryshuar kodin e projektit tuaj kryeni build-in. Sigurohuni që hash-et e fajllave nuk do të ndryshojnë.
Ndryshoni kodin e projektit tuaj. Kryeni build-in. Sigurohuni që hash-et e fajllave do të ndryshojnë.
