Cache Busting a React App

In this tutorial, I will show you how to prevent hard refresh to see the latest changes in already deployed React Applications. We are going to use a technique which is referred to as Cache Busting. I will use a library called React-Cache-Buster to ensure that my clients always see my latest code in the production environment without the need to hard refresh the page to see the latest changes/features.
If you want to support me with a donation🎁
Buy me a coffee: www.buymeacoff...
If you have any issues you can contact me:
LinkedIn: / hamza-anwar75
Instagram: / humzaanwar74
For paid projects, contact me
Email: [e-mail]
Fiverr: www.fiverr.com...
Upwork: www.upwork.com...
Special discounts for students who are looking for paid courses to better elevate their skill level
GET Rs 5000 discount on Azad Chaiwala Php Web Development Course
azadchaiwala.c...
GET Rs 6000 discount on Azad Chaiwala Mobile App Development Course
azadchaiwala.c...
GET Rs 5000 discount on Azad Chaiwala Python Programming Course
azadchaiwala.c...

[@NuXp07]

Do we have to change the version in package file each time we deploy?

[@samrad6508]

That's what i'm thinking. should we change it manually? because it definitely does not change by itself

[@aseemmohd2002]

how to implement the same in app.tsx file am using craco.config.js and type script files in src folder using react class components, please share your thoghts

[@JSSolutions]

I am not sure about typescript