nidhi sharmanidhisharma.hashnode.dev·Jan 26, 2023Using React Portals to Render Components Outside the Main DOM TreeReact portals are a way to render a component outside of its parent component’s DOM tree. This can be useful in situations where you want to render a component over multiple parts of the page, or when you want to render a component outside of the cur...Discuss·131 readsReact
Ankit Joshiankitjoshi.hashnode.dev·Jul 15, 2022React Portal and TooltipReact is a great UI library that utilizes component-based architecture. In simple words, a React app is built using components that represent specific screens or elements in the app. These components follow the single responsibility principle and are...Discuss·1.9K readsReact
Mihai Marinescummarinescu.hashnode.dev·Jul 4, 2022Teleport react components in your pageWhenever you need to take content with functionality from a component and put it somewhere else on the page, you can use a react portal. For example, if you have an input component that outputs some text in a div, you can pass that div to a portal a...Discuss·532 readsReact
Sreejith Kumarsrejitk.hashnode.dev·Jun 9, 2022A Portal to create ModalThe Nifty Solution to a Messy Problem If you've ever sat down to create a Modal then you probably must have faced a hard time. Cause how do you build a Modal, to show up on clicking another component? If you build it inside the button component it go...Discuss·50 readsReact
Sukanya Sensukanya530.hashnode.dev·Jun 6, 2022React PortalWhat are REACT portals? React portals provide a way to render children into a DOM node that exists outside the DOM hierarchy of the parent component. Think of it as Doctor Strange teleporting people through his sling rings 😀 Now, what does it actua...Discuss·29 likes·188 readsReact