Micro Frontends - Sharing State between applications

In this video we'll explore some easy patterns to shared state between micro frontends using different state management solutions: react context, a custom store, react-query and jotai. These patterns and ideas can be used with other libraries as well! This is a long video but I will walk you step by step through the implementation - feel free to use the chapters to navigate. Please leave comments on what you'd like to see covered in my next video! Helpful links: https://react.dev/reference/react/useSyncExternalStore https://tanstack.com/query/latest https://jotai.org/ https://github.com/RussellCanfield/microfrontend-demo/tree/shared-state 00:00 - Intro 01:55 - Component Design and Component Level Ownership 07:00 - React Context 24:14 - useSyncExternalStore and a custom store 43:00 - React Query 57:02 - Jotai