Best practices for creating globally accessible shared values?

[jerryjfwang]

I'm trying to make a shared value accessible globally. Is the best practice to use React Context? Is it possible to create shared values outside of React (eg: createSharedValue vs useSharedValue)? This would be very useful for working with state solutions like Zustand or Valtio.

Thanks in advance for the help!

[tomekzaw]

Hey @jerryjfwang

Is the best practice to use React Context?

Yep, this should work.

Is it possible to create shared values outside of React (eg: createSharedValue vs useSharedValue)?

Nope, this is not officially supported. Technically, you could use makeMutable but it's not a part of public API so we give no guarantees and things may break.

[XantreDev]

I think it would be great to have opportunities to create shared values outside of react

[ryskin]

just googled same, sad don't have

[MatiPl01]

I will just leave link to makeMutable docs we added recently. It might be helpful if you decide to use makeMutable.

[danieloi]

Context is giving me a mixed experience. Some components that hook into it, don't animate properly unless I save the file and trigger a fast refresh. It starts to work as expected afterwards @tomekzaw

[zgordon02]

I'm not experiencing anything of the sort. It triggering after a fast refresh tells me you have an effect that is refiring. Are you missing any deps in an effect hook?