React Build'inde Otomatik Önbellek Sıfırlama
Tarayıcılarda statik önbellek sorunu olduğunu zaten biliyor olmalısınız. Sorunun özü, performansı artırmak için tarayıcının stil dosyalarını, komut dosyalarını ve görüntüleri önbelleğe almasıdır.
Bu, hosting'inizde komut dosyalarınızda veya stillerinizde bir değişiklik yaparsanız, değişikliklerin sadece siteye yeni gelen ziyaretçilerde görüneceği anlamına gelir. Daha önce sitede bulunmuş olan eski ziyaretçiler, önbelleğe alınmış kodu göreceklerdir. Bu, elbette kabul edilemez.
Neyse ki, React'ta bu sorun otomatik olarak çözülür. Çözüm, build dosyalarının isim ve uzantılarının yanı sıra, hash adı verilen rastgele bir dizeye sahip olmasıdır. Bu hash, dosyanın içeriğine karşılık gelir. Bu, bir dosyanın kodunda değişiklik yapıldığında, adındaki hash'in de değişeceği anlamına gelir. Böylece tarayıcı bunun yeni bir dosya olduğunu düşünecek ve onu kendine indirecektir.
Dosya hash'lerini, index.html içinde
bağlandıklarında gözlemleyebiliriz:
<script defer="defer" src="/static/js/main.3dd63bcb.js"></script>
<link href="/static/css/main.f855e6bc.css" rel="stylesheet">
Proje build'ini gerçekleştirin. Build'deki dosyaların hangi hash'lere sahip olduğunu inceleyin.
Proje kodunuzu değiştirmeden build işlemini gerçekleştirin. Dosya hash'lerinin değişmediğinden emin olun.
Proje kodunuzu değiştirin. Build işlemini gerçekleştirin. Dosya hash'lerinin değiştiğinden emin olun.
