Persist all data but Sync only some values

[albertcito]

I'm try to figure out if that is possible to do:

1. Persist the data locally only, but if the user register in the app sync it with Supabase.

[albertcito]

That is possible. For instance to save only local you can use this:

export const usersStore = observable<{ user?: User}>({
  user: undefined,
});

// Persist the observable to the named key of the global persist plugin
syncObservable(usersStore, {
  persist: {
    name: "only-local-persist",
    plugin: PersistLocalStorage
  }

And you can sync manually all the local data when the user signup. The issue with this is to make more code logic to handle different ways to save data.

I think the best solution is

First Step

• Create the app with Anonymous Sign-Ins
• Save the id locally
• Publish the App

Second Step

• Update the app code adding Social Auth. In this way you can link your anonymous user (that has the id persisted in local storage) with a real person.

[albertcito]

Only for more context in the code. The PersistLocalStorage works for native and web in the same time. I just created two files

persist.tsx for Native

import { observablePersistAsyncStorage } from "@legendapp/state/persist-plugins/async-storage";
import AsyncStorage from "@react-native-async-storage/async-storage";

export  { ObservablePersistMMKV as PersistLocalStorage } from "@legendapp/state/persist-plugins/mmkv";

export const asyncPersistLocalStorage = observablePersistAsyncStorage({ AsyncStorage });

persist.web.tsx for Web

import { ObservablePersistLocalStorage } from "@legendapp/state/persist-plugins/local-storage";

export const asyncPersistLocalStorage =  ObservablePersistLocalStorage;
export const PersistLocalStorage =  ObservablePersistLocalStorage;