Portals Can Share State Between Windows

Published: 27 May 2024
on channel: UI Engineering
17,788
801

How to share state between 2 different windows using React Portals.

⏱️Timestamps:
00:00 - Intro
00:16 - Why Portals exists
00:38 - Sharing State with Portals
01:04 - How does it work
02:38 - Rendering to a new window
02:59 - Portals insight
03:25 - Consequences
03:39 - When it's useful
04:29 - Document Picture in Picture API
05:13 - Important Limitation

📖 Further reading and Acknowledgments:
David Gilbertson's article:   / using-a-react-16-portal-to-do-something-cool  
WICG Picture in Picture Use Cases: https://github.com/WICG/document-pict...
Picture in Picture Support: https://developer.mozilla.org/en-US/d...
StackOverflow benchmark: https://stackoverflow.com/questions/8...
React Query DevTools PR: https://github.com/TanStack/query/pul...


On this page of the site you can watch the video online Portals Can Share State Between Windows with a duration of hours minute second in good quality, which was uploaded by the user UI Engineering 27 May 2024, share the link with friends and acquaintances, this video has already been watched 17,788 times on youtube and it was liked by 801 viewers. Enjoy your viewing!