Senior-Level Understanding of React Portals
Understanding architectural layer of React Portals.
How declarative paradigm, unidirectional data flow and state colocation makes Portals great.
⏱️Timestamps:
00:00 - Classical Example
00:20 - Portals are not about CSS
00:33 - Popular workaround with Global Modal
00:40 - Architectural Layer of React Portals
00:58 - The Root Problem
01:22 - React's Declarative Paradigm
01:39 - Hidden cost of Declarative Paradigm (vs imperative)
02:16 - Issues with Global Modal
03:16 - Tight Coupling
03:48 - What React does when we setState?
04:15 - Colocation
04:44 - The Power of React Portals
05:03 - Ref Forwarding
On this page of the site you can watch the video online Senior-Level Understanding of React Portals with a duration of hours minute second in good quality, which was uploaded by the user UI Engineering 25 March 2024, share the link with friends and acquaintances, this video has already been watched 3,737 times on youtube and it was liked by 189 viewers. Enjoy your viewing!
