React Deep Dive: From Beginner to Advanced

Creating Portals

Explore how to use React Portals to render components outside their normal parent hierarchy. Learn to implement createPortal, direct rendering targets, and manage portal lifecycles for flexible UI designs.

We'll cover the following...

Creating a portal using createPortal()
- Exercise
  - Problem
  - Solution
A quick knowledge test

1.Introduction

2.Introduction to ES2015+

3.JSX – an Introduction

4.Rendering of Elements and Components in React

5.State and Lifecycle Methods

6.Event Handling

7.Forms

8.Lists, Fragments, and Conditional Rendering

9.CSS and Styling

10.Higher Order Components

11.Functions as a Child and Render Props

12.Context API

13.Refs

14.Error Boundaries

15.Portals

16.Code Splitting

17.Typechecking with PropTypes, Flow, and TypeScript

18.React Hooks – an Introduction

19.Hooks in Action

20.The Hooks API

21.Routing in React

22.State Management

23.Internationalization

24.Conclusion

25.Appendix

Creating Portals

Creating a portal using `createPortal()`

Creating Portals

Creating a portal using createPortal()

Creating a portal using `createPortal()`