I was going through Remix for quite a sometime but still not able to figure out state management. How to share the data between the ponents/routes? How to store the data which can be accessible by any ponent? And should be able to update the data from any child ponent.

I was going through Remix for quite a sometime but still not able to figure out state management. How to share the data between the ponents/routes? How to store the data which can be accessible by any ponent? And should be able to update the data from any child ponent.

• javascript
• reactjs
• remix
• remix.run

Share Follow edited Dec 1, 2022 at 14:37 Daniel A. White 191k4949 gold badges379379 silver badges465465 bronze badges asked Dec 1, 2022 at 9:23 venky royalvenky royal 2,25022 gold badges1515 silver badges2222 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 13

First of all, remember that Remix is still React, so all the state management techniques you're used to still work with Remix.

With that being said, Remix uses loaders to manage the server-side state. You can access this via useLoaderData from any ponent in the current route. You're not limited to just the route file.

Also, via useMatches you have access to all the loader data across your nested routes from root to leaf.

Mutations should be done via actions, so instead of trying to mutate local data, POST to your action the update, and let Remix revalidate your routes to make sure your local data is in sync.

Purely client-side state, like if a dialog is visible, etc. can still be managed with useState, etc.