CloudFront cache invalidation for React app











up vote
0
down vote

favorite












I have a React/redux app which is deployed on CloudFront + s3. There is no static hosting enabled on the bucket. I understand that invalidating cache on a new deployment clears cache in all the edge locations and the new changes will be served up. But what happens to the active prod users when the cache is invalidated? Are they able to continue on the app without any errors? Does it get worse for the active users if the redux store structure changed in the new version?










share|improve this question






















  • There wont be any impact on active users after old cache gets invalidated. Remember, Bundled js file will be downloaded once from server from there until you refresh your browser your react/redux app will use your old app (app before cache got invalidated). Also there would some issues if there are changes in your backend services
    – Nagesh Dhope
    Nov 19 at 12:11















up vote
0
down vote

favorite












I have a React/redux app which is deployed on CloudFront + s3. There is no static hosting enabled on the bucket. I understand that invalidating cache on a new deployment clears cache in all the edge locations and the new changes will be served up. But what happens to the active prod users when the cache is invalidated? Are they able to continue on the app without any errors? Does it get worse for the active users if the redux store structure changed in the new version?










share|improve this question






















  • There wont be any impact on active users after old cache gets invalidated. Remember, Bundled js file will be downloaded once from server from there until you refresh your browser your react/redux app will use your old app (app before cache got invalidated). Also there would some issues if there are changes in your backend services
    – Nagesh Dhope
    Nov 19 at 12:11













up vote
0
down vote

favorite









up vote
0
down vote

favorite











I have a React/redux app which is deployed on CloudFront + s3. There is no static hosting enabled on the bucket. I understand that invalidating cache on a new deployment clears cache in all the edge locations and the new changes will be served up. But what happens to the active prod users when the cache is invalidated? Are they able to continue on the app without any errors? Does it get worse for the active users if the redux store structure changed in the new version?










share|improve this question













I have a React/redux app which is deployed on CloudFront + s3. There is no static hosting enabled on the bucket. I understand that invalidating cache on a new deployment clears cache in all the edge locations and the new changes will be served up. But what happens to the active prod users when the cache is invalidated? Are they able to continue on the app without any errors? Does it get worse for the active users if the redux store structure changed in the new version?







reactjs amazon-cloudfront aws-cloudfront






share|improve this question













share|improve this question











share|improve this question




share|improve this question










asked Nov 19 at 11:51









Celin Jane

306




306












  • There wont be any impact on active users after old cache gets invalidated. Remember, Bundled js file will be downloaded once from server from there until you refresh your browser your react/redux app will use your old app (app before cache got invalidated). Also there would some issues if there are changes in your backend services
    – Nagesh Dhope
    Nov 19 at 12:11


















  • There wont be any impact on active users after old cache gets invalidated. Remember, Bundled js file will be downloaded once from server from there until you refresh your browser your react/redux app will use your old app (app before cache got invalidated). Also there would some issues if there are changes in your backend services
    – Nagesh Dhope
    Nov 19 at 12:11
















There wont be any impact on active users after old cache gets invalidated. Remember, Bundled js file will be downloaded once from server from there until you refresh your browser your react/redux app will use your old app (app before cache got invalidated). Also there would some issues if there are changes in your backend services
– Nagesh Dhope
Nov 19 at 12:11




There wont be any impact on active users after old cache gets invalidated. Remember, Bundled js file will be downloaded once from server from there until you refresh your browser your react/redux app will use your old app (app before cache got invalidated). Also there would some issues if there are changes in your backend services
– Nagesh Dhope
Nov 19 at 12:11












1 Answer
1






active

oldest

votes

















up vote
0
down vote













Clearing the cloudfront cache will bring up the fresh content from your origin. However, that would not affect the existing production users. They would continue to be served from the cached content as long as their session continues.



That being said, they would be served the fresh content when their session restarts.
There would be no errors whatsoever.



Hope this helps.






share|improve this answer





















  • I have chunks instead of a single bundled is. In a React app Wouldn’t the chunks be incompatible between routes for old VS new chunks especially if the redux store structure changed betweeen deployment versions?
    – Celin Jane
    Nov 20 at 15:26











Your Answer






StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");

StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});

function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});


}
});














 

draft saved


draft discarded


















StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53374069%2fcloudfront-cache-invalidation-for-react-app%23new-answer', 'question_page');
}
);

Post as a guest















Required, but never shown

























1 Answer
1






active

oldest

votes








1 Answer
1






active

oldest

votes









active

oldest

votes






active

oldest

votes








up vote
0
down vote













Clearing the cloudfront cache will bring up the fresh content from your origin. However, that would not affect the existing production users. They would continue to be served from the cached content as long as their session continues.



That being said, they would be served the fresh content when their session restarts.
There would be no errors whatsoever.



Hope this helps.






share|improve this answer





















  • I have chunks instead of a single bundled is. In a React app Wouldn’t the chunks be incompatible between routes for old VS new chunks especially if the redux store structure changed betweeen deployment versions?
    – Celin Jane
    Nov 20 at 15:26















up vote
0
down vote













Clearing the cloudfront cache will bring up the fresh content from your origin. However, that would not affect the existing production users. They would continue to be served from the cached content as long as their session continues.



That being said, they would be served the fresh content when their session restarts.
There would be no errors whatsoever.



Hope this helps.






share|improve this answer





















  • I have chunks instead of a single bundled is. In a React app Wouldn’t the chunks be incompatible between routes for old VS new chunks especially if the redux store structure changed betweeen deployment versions?
    – Celin Jane
    Nov 20 at 15:26













up vote
0
down vote










up vote
0
down vote









Clearing the cloudfront cache will bring up the fresh content from your origin. However, that would not affect the existing production users. They would continue to be served from the cached content as long as their session continues.



That being said, they would be served the fresh content when their session restarts.
There would be no errors whatsoever.



Hope this helps.






share|improve this answer












Clearing the cloudfront cache will bring up the fresh content from your origin. However, that would not affect the existing production users. They would continue to be served from the cached content as long as their session continues.



That being said, they would be served the fresh content when their session restarts.
There would be no errors whatsoever.



Hope this helps.







share|improve this answer












share|improve this answer



share|improve this answer










answered Nov 20 at 8:18









Priyanka Makhija

935




935












  • I have chunks instead of a single bundled is. In a React app Wouldn’t the chunks be incompatible between routes for old VS new chunks especially if the redux store structure changed betweeen deployment versions?
    – Celin Jane
    Nov 20 at 15:26


















  • I have chunks instead of a single bundled is. In a React app Wouldn’t the chunks be incompatible between routes for old VS new chunks especially if the redux store structure changed betweeen deployment versions?
    – Celin Jane
    Nov 20 at 15:26
















I have chunks instead of a single bundled is. In a React app Wouldn’t the chunks be incompatible between routes for old VS new chunks especially if the redux store structure changed betweeen deployment versions?
– Celin Jane
Nov 20 at 15:26




I have chunks instead of a single bundled is. In a React app Wouldn’t the chunks be incompatible between routes for old VS new chunks especially if the redux store structure changed betweeen deployment versions?
– Celin Jane
Nov 20 at 15:26


















 

draft saved


draft discarded



















































 


draft saved


draft discarded














StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53374069%2fcloudfront-cache-invalidation-for-react-app%23new-answer', 'question_page');
}
);

Post as a guest















Required, but never shown





















































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown

































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown







Popular posts from this blog

Feedback on college project

Futebolista

Albești (Vaslui)