Reset automatico della cache nella build di React

Dovresti già sapere che nei browser esiste un problema della cache degli asset statici. L'essenza del problema è che per migliorare le prestazioni, il browser memorizza nella cache i file di stili, script e immagini.

Ciò significa che se sull'hosting modifichi qualcosa nei tuoi script o stili, le modifiche appariranno solo ai nuovi visitatori del sito. I visitatori precedenti, che sono già stati sul sito in passato, vedranno una versione del codice memorizzata nella cache. Questo, ovviamente, è inaccettabile.

Fortunatamente, in React questo problema viene risolto automaticamente. La soluzione consiste nel fatto che i file della build, oltre al nome e all'estensione, hanno una stringa casuale, chiamata hash. Questo hash corrisponde al contenuto del file. Ciò significa che quando il codice nel file cambia, cambierà anche l'hash nel suo nome. In questo modo, il browser penserà che è un nuovo file e lo scaricherà.

Possiamo osservare gli hash dei file quando vengono inclusi in index.html: