Options for "Global" Provider State

[kyleboe]

Hey there 👋

First of all, love the library. This is a super clever solution to handling the interplay between LiveView and React.

As the title suggests, I'm exploring integrating a library that typically sets a React Context and then reads data off of that context in various locations. I'm curious if there is a good pattern for handling a situation like this or if something like that is outside the intended scope.

Thanks!

[mrdotb]

👋 If I understanding correctly the library set a global context. Let's say and then you consume the data from Inner component.

<Context>
   <App />
</Context>

I am not sure what data is passed from the context. Component settings or real data.
If it's real data that require some fetch that's probably not a good fit with live_react.

Let's say you want to use multiples react component in a phoenix_view it will result in duplicate fetch.
Each .react will mount a different react dom.

<.react name="Header"> // fetch user data inside
<.react name="Footer"> // Fetch user data again

It's better to pass data from the phoenix land controller if dead view or live_view to the <.react name="" user={@user}>