Create with-redux-persist example #7375
Merged
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This commit will add in an example using redux persist so that you can persist redux state in your next app. We pass in the app component to the loading `PersistGate` value, so that we can render our page on on initial render and then redux persist will kick in and rehydrate aftewards. This was based on an example started by @ashwamegh
Stats from current PRClick to expand stats
Click to expand serverless stats
|
|
@lfades when you get a chance if you could let me know what you think that would be great! |
|
👋 @jrusso1020 thank your for the PR , I ran the example locally, and I don't know what should I expect, Once the page was ready I activated |
|
@lfades This is more just to have the infrastructure of redux-persist in the application and have the application still rendered our while you're waiting for the whole request to complete. If you wanted to you could retrieve the information from local storage yourself and use it right away(instead of waiting for it to be in redux and getting it from there), but redux-persist won't kick in and rehydrate the redux state until the initial request for the next application is complete. If that makes sense. An example of this that we are using currently is that we have an ecommerce shop that was originally written as a client side react.js application. We have now since started a Next.js application to SSR parts of our eccomerce shop to increase SEO and page load speeds. We have to do this in pieces though as it is a big project. The two applications need to be able to share state between them so that if you navigate between them we don't have to make more requests to get the current state we can just pass it through local storage persisted redux state. (the applications live on the same domain behind a HTTP Proxy) |
lfades
approved these changes
May 23, 2019
Stats from current PRClick to expand stats
Click to expand serverless stats
|
Sign up for free
to subscribe to this conversation on GitHub.
Already have an account?
Sign in.
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
What does this PR do
This commit will add in an example using redux persist so that you
can persist redux state in your next app. We pass in the app component
to the loading
PersistGatevalue, so that we can render our pageon initial render and then redux persist will kick in and rehydrate
afterwards.
This was based on an example started by https://github.com/ashwamegh #6932 and addresses this issue #6852
but that PR was never updated and merged in so I thought I would take a stab at making the change myself. If there is a better way of going about this let me know