Using initial state for reseting the store

[Ledespana]

Hi!
I was wondering if this is a good practice, where you would do something like this to reset the store to an initial state:

const initialValuesStore = {
 name: 'placeholder'
}

const resetForm = () => {
    formStore.currentState = formStore.initialState;
 };

I was confused since that kind of works but not if you something like an array.
for example if you have something like this, it won't replace the content of the array:

const initialValuesStore = {
 forms = []
}

 const resetForms = () => {
     formStore.currentState = formStore.initialState;
  };

[lostpebble]

Hi @Ledes ,

This wouldn't be good practice because the replacing of the store's state will happen outside of pullstate's internal mechanisms to keep your UI updated.

The better way to do this kind of thing would be to make use of Store.replace(freshState).

Or, since I see you're doing a form- maybe your use-case is to have temporary state that can be quickly initialized when loading up the form for the first time. For this you should look at Store.useLocalCopyInitial() - this gives you the power of Pullstate but in a local component (this will not be a global store that you can control elsewhere though). I use this pattern in my apps- not everything has to exist in a global store, especially once-off form type things.

[Ledespana]

Thanks for the replay @lostpebble!
replace definitely works. I didn't see it in the docs but it makes more sense of what I was doing.
About useLocalCopyInitial is also another option that I dind't see. That will make me doubt my current design.
Thanks!