I'm building a project where this has to be done for many components so I'm looking for what I should learn to achieve this throughout multiple components

make only one component and use it throughout the application

yes but the part where it switches from one to another

?

the yellow is also a div

I was wondering what I can do to "load" the second div, another component

a state, set it to false by default and set it to true on click and then render the red div

which docs should I read for details on how to achieve this?

this is just react's state basics