Senior-Level Understanding of React Portals

Опубликовано: 03 Май 2026
на канале: UI Engineering

3,737

189

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