Creative Developals

Summary of React 18 update

Functions types and when to use them

Using this custom typescript utility you can merge two types without worrying about duplicates among any of the types you are trying merge.

What is createPortal ?

The createportal method is one of the few methods of the ReactDOM API. Portals provide a way to render children into a DOM node that exists outside the hierarchy of the DOM component.

Why createPortal?
createPortal gives a cleaner way to create isolated components, e.g components that overlay on top of a component e.g: modals, portlet, fixable switch, etc.

when createPortal renders the children into the separate ELEMENT_NODE in our HTML, we find it very easy to style components like Modal in case of positioning and z-index.

It helps to increase the rate of web accessibility e.g: because it's in a different DOM_NODE, the screen-reader can read a Component content without getting screwed by positioning blockage.

Practical codebase: https://codesandbox.io/s/react-typescript-forked-kg6rd

⁣⁣