Giter VIP home page Giter VIP logo

Comments (11)

emirotin avatar emirotin commented on May 13, 2024 10

from next-redux-wrapper.

mvoloz avatar mvoloz commented on May 13, 2024 2

I’m rattling my brain with same issue right now. using a combination of state, session storage and cookies. Reconciling state is proving to be much more complicated, i either get true user object from a decoded token which is then unavailable on the client, or it’s available on the client and not on the server process. not a fun problem to solve

from next-redux-wrapper.

kirill-konshin avatar kirill-konshin commented on May 13, 2024 1

@rahulbhanushali @gpolyn you may use redux-persist. Here's the readme: https://github.com/kirill-konshin/next-redux-wrapper#usage-with-redux-persist.

from next-redux-wrapper.

kirill-konshin avatar kirill-konshin commented on May 13, 2024

I use this lib myself :)

The problem is that when you reload the page, then nasty collisions may occur if you hydrate it from two sources - server and client cache.

I have to think how this can be resolved.

from next-redux-wrapper.

kirill-konshin avatar kirill-konshin commented on May 13, 2024

If you use SSR then just store everything in user session there, I presume your rendering server and your API sever are not combined in one, so your API can still be stateless and renderer can have session/context. In this case everything will be done centralized and client will receive a full snapshot. Dump client state to renderer periodically to make sure it’s rendered correctly right away.

Or don’t use SSR if you’re dealing with RIA and not a traditional web site.

from next-redux-wrapper.

d4ny0 avatar d4ny0 commented on May 13, 2024

I also have this issue. i use express and express router with middlewares for routing and authentication, but everytime i switch to another page the redux store falls back to its initial state. i also tried to hook it up with redux-persist, but that didn't workout.

when i use it with next-routes or the built in routing system the store keeps its state. do you have any examples on how to make this behaviour happen when managing the routes with express?

from next-redux-wrapper.

kirill-konshin avatar kirill-konshin commented on May 13, 2024

Closing since there's nothing much to do in scope of the library. Any PRs are welcome, I will reopen if there will be any.

from next-redux-wrapper.

gpolyn avatar gpolyn commented on May 13, 2024

@kirill-konshin in practice, with production redux apps do users refresh the browser or manually enter an app URL and lose state?

I can't tell from discussion of this topic (elsewhere) whether this is something users of redux, next-redux-wrapper should design for.

from next-redux-wrapper.

rahulbhanushali avatar rahulbhanushali commented on May 13, 2024

I am still facing the same issue, where I lose the state in my redux store on page refresh.
Anybody solved this using local storage? Don't want to use cookies here.

from next-redux-wrapper.

rahulbhanushali avatar rahulbhanushali commented on May 13, 2024

Thank you this worked well.

from next-redux-wrapper.

shtokol7 avatar shtokol7 commented on May 13, 2024

@kirill-konshin https://github.com/kirill-konshin/next-redux-wrapper#usage-with-redux-persist . ssr does not work in this instance, if you try to check the HTML markup, then it is not. But localstorage works, I haven't found a single instance in which ssr, localstorage, redux, redux-saga works. help set up ssr instance, localstorage, redux, redux-saga, wrapper.

from next-redux-wrapper.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.