Автоматично ресетирање на кешот во React билдот

Веќе треба да знаете дека во прелистувачите постои проблем со кеширање на статиката. Суштината на проблемот е во тоа што за да се подобри брзината, прелистувачот кешира датотеки со стилови, скрипти и слики.

Ова значи дека ако на хостингот промените нешто во вашите скрипти или стилови, промените ќе се појават само кај новите посетители на веб-страницата. Старите посетители, кои веќе претходно биле на страницата, ќе ја гледаат закешираната верзија на кодот. Ова, се разбира, е неприфатливо.

За среќа, во React овој проблем се решава автоматски. Нејзиното решение се состои во тоа, што датотеките од билдот, покрај името и екстензијата, имаат случаен стринг, кој се нарекува хеш. Овој хеш одговара на содржината на датотеката. Ова значи дека при промена на кодот во датотеката, ќе се менува и хешот во нејзиното име. На овој начин, прелистувачот ќе мисли дека е нова датотека и ќе ја преземе.

Можеме да ги набљудуваме хешовите на датотеките при нивното поврзување во index.html:

index.html<script defer="defer" src="/static/js/main.3dd63bcb.js"></script>
<link href="/static/css/main.f855e6bc.css" rel="stylesheet">