Reset Cache Otomatis dalam Build React
Anda seharusnya sudah mengetahui bahwa dalam browser terdapat masalah cache statis. Inti masalahnya adalah bahwa untuk meningkatkan kinerja, browser melakukan cache pada file gaya, skrip, dan gambar.
Ini berarti bahwa jika di hosting Anda mengubah sesuatu dalam skrip atau gaya Anda, maka perubahan hanya akan muncul untuk pengunjung baru situs. Pengunjung lama, yang sudah pernah mengunjungi situs sebelumnya, akan melihat versi kode yang ter-cache. Tentu saja hal ini tidak dapat diterima.
Untungnya, dalam React masalah ini diselesaikan secara otomatis. Solusinya terdiri dari, file-file build, selain nama dan ekstensi, memiliki string acak, yang disebut hash. Hash ini sesuai dengan konten file. Ini berarti bahwa ketika kode di dalam file diubah, hash dalam namanya juga akan berubah. Dengan demikian, browser akan mengira bahwa ini adalah file baru dan akan mengunduhnya.
Kita dapat mengamati hash file
saat mereka dipasang di index.html:
<script defer="defer" src="/static/js/main.3dd63bcb.js"></script>
<link href="/static/css/main.f855e6bc.css" rel="stylesheet">
Lakukan build proyek. Pelajari, hash apa yang ada pada file-file dalam build.
Tanpa mengubah kode proyek Anda, lakukan build. Pastikan, bahwa hash file tidak berubah.
Ubah kode proyek Anda. Lakukan build. Pastikan, bahwa hash file akan berubah.
