<TELEPORTING THROUGH PORTALS/> IN 

By Nikhil Sharma

HI....IT's ME

Full Stack Developer |Blogger| Open Source Contributor| Love React and Node !

nik72619c

@niksharma1997

Check out my blogs at:-

https://medium.com/@nikhilsharmarockstar21

AGENDA

• What the heck is portals?

• Why ?

• When ?

• A SUPER SIMPLE EXAMPLE!

PORTALS?

"Portals provide a first-class way to render children into a DOM node that exists outside the DOM hierarchy of the parent component."

DIDNT GET IT??

WHY?

Perfect for scenarios where CSS styles are restraining your elements

Overflow

z-index

WHEN TO USE?

• Modals

• Tooltips

• Floating menus

• Widgets

USAGE

LETS GET STARTED THEN...

BOOM! WE DID IT !!

SOME GREAT SOURCES 

https://reactjs.org/docs/portals.html

https://medium.com/@siobhanpmahoney/portals-in-react-js-5d98bb89797c

https://www.cronj.com/blog/overview-react-portal/

https://assortment.io/posts/accessible-modal-component-react-portals-part-1

Get the code

https://github.com/nik72619c/ReactDelhi-Tech-Talks

}

{

VIVE LA PORTALS !

THANK YOU