---
title: "Discussion on \"A Beginner's Guide to Portals in React: Everything You Need to Know\" | Hashnode"
description: "Discussion on \"A Beginner's Guide to Portals in React: Everything You Need to Know\". React is a popular JavaScript library for building user interfaces. One of the powerful features of React is the use of portals, which allow developers to render content outside of the normal React tree structure. In this article, you'll learn all ab..."
url: "https://hashnode.com/posts/a-beginners-guide-to-portals-in-react-everything-you-need-to-know/64306f6e6cc333dc9d4f3cb1"
---

[Feed](https://hashnode.com/feed) /

Discussion

# [A Beginner's Guide to Portals in React: Everything You Need to Know](https://blog.mitolu.dev/a-beginners-guide-to-portals-in-react-everything-you-need-to-know?utm_source=hashnode&utm_medium=feed)

React is a popular JavaScript library for building user interfaces. One of the powerful features of React is the use of portals, which allow developers to render content outside of the normal React tree structure. In this article, you'll learn all ab...

Apr 7, 2023 · 7 min read · blog.mitolu.dev  
Read the article

-   [#reactjs](https://hashnode.com/tag/reactjs)
-   [#web-development](https://hashnode.com/tag/web-development)
-   [#2articles1week](https://hashnode.com/tag/2articles1week)
-   [#javascript](https://hashnode.com/tag/javascript)
-   [#programming-blogs](https://hashnode.com/tag/programming-blogs)

## Written by

[Israel Oyetunji](https://hashnode.com/@IsraelMitolu)

@IsraelMitolu · Osun, Nigeria

  
[View profile](https://hashnode.com/@IsraelMitolu)

Front End Developer && Technical Writer

Hello there 👋 I'm Israel, a Frontend Web Developer who is passionate about creating engaging UI and interactive experiences. I'm also a technical writer who writes on Frontend technologies to help other developers understand and be creative with them :)

## Responses 4

Markdown supported · ⌘↵ to post

[sowmiyan](https://hashnode.com/@sowmiyan)

[Oct 20, 2023](https://hashnode.com/posts/a-beginners-guide-to-portals-in-react-everything-you-need-to-know/64306f6e6cc333dc9d4f3cb1/comment/653219279e28a744a3598404)

Great read! Thanks for the quality references provided.

[Israel Oyetunji](https://hashnode.com/@IsraelMitolu)

[Oct 21, 2023](https://hashnode.com/posts/a-beginners-guide-to-portals-in-react-everything-you-need-to-know/64306f6e6cc333dc9d4f3cb1/comment/653219279e28a744a3598404#reply-6533b3c50438e54fa2c72e78)

Thank you! [sowmiyan](https://hashnode.com/@sowmiyan)

[Pritesh Kiri](https://hashnode.com/@Pritesh16)

[Apr 14, 2023](https://hashnode.com/posts/a-beginners-guide-to-portals-in-react-everything-you-need-to-know/64306f6e6cc333dc9d4f3cb1/comment/6439485aa4b0b4a90399a4a0)

Amazing explanation! I really liked the way your explained react portal effect on DOM using dev tools

[Israel Oyetunji](https://hashnode.com/@IsraelMitolu)

[Apr 14, 2023](https://hashnode.com/posts/a-beginners-guide-to-portals-in-react-everything-you-need-to-know/64306f6e6cc333dc9d4f3cb1/comment/6439485aa4b0b4a90399a4a0#reply-6439497607fad8aa9701e116)

Thanks for the kind words, Pritesh :)

[Rajeswaran Thangarajah](https://hashnode.com/@rajeswaran)

[Apr 8, 2023](https://hashnode.com/posts/a-beginners-guide-to-portals-in-react-everything-you-need-to-know/64306f6e6cc333dc9d4f3cb1/comment/6431d91194d1164842d99f9a)

Excellent job! Continue the good work.

[Israel Oyetunji](https://hashnode.com/@IsraelMitolu)

[Apr 9, 2023](https://hashnode.com/posts/a-beginners-guide-to-portals-in-react-everything-you-need-to-know/64306f6e6cc333dc9d4f3cb1/comment/6431d91194d1164842d99f9a#reply-6433003347aba44dec0be300)

Thanks a lot [Rajeswaran Thangarajah](https://hashnode.com/@rajeswaran)

[Idris Abdul-Lateef](https://hashnode.com/@eedris)

[Apr 7, 2023](https://hashnode.com/posts/a-beginners-guide-to-portals-in-react-everything-you-need-to-know/64306f6e6cc333dc9d4f3cb1/comment/6430864719dd2f34ad7fd2ff)

Brilliant article!

[Israel Oyetunji](https://hashnode.com/@IsraelMitolu)

[Apr 8, 2023](https://hashnode.com/posts/a-beginners-guide-to-portals-in-react-everything-you-need-to-know/64306f6e6cc333dc9d4f3cb1/comment/6430864719dd2f34ad7fd2ff#reply-6430f14a7d188b3a2bdeb3f8)

Thank you, Idris