React Portals Simplified | Why and How to Use It

  Рет қаралды 1,285

Deeecode The Web

Deeecode The Web

2 жыл бұрын

In this video, I simplify React Portals and explain why and how to use it when building React components.
_____
Subscribe to My Channel: bit.ly/deeecode
_____
🌟 About Me:
Dillion Megida, creator of DEEECODE, is a Software Engineer, Developer Advocate and a Content Creator passionate about simplifying topics around Tech via articles and videos.
_____
⚡️ Connect with me:
- Personal youtube: / dillionmegida
- Personal website: dillionmegida.com/
- Twitter: / iamdillion
- Instagram: / deeecode
- LinkedIn: / dillionmegida
- GitHub: github.com/dillionmegida
_____
#deeecode

Пікірлер: 16
@kenriley9018
@kenriley9018 5 ай бұрын
Very clear and concise! Thank you.
@crim-son
@crim-son 5 ай бұрын
Clear and concise, i understood it in a jiffy
@AhmedKhalafallah-ft6ue
@AhmedKhalafallah-ft6ue Жыл бұрын
Thanks for an easy explanation 🤩
@deeecode
@deeecode Жыл бұрын
You're absolutely welcome
@soulhunter223
@soulhunter223 2 ай бұрын
I really appreciate your help, TY Bro
@deeecode
@deeecode Ай бұрын
You’re welcome ✨
@admireexcellence5652
@admireexcellence5652 Жыл бұрын
Nice stuffs bro...enjoyed your tutorial
@deeecode
@deeecode Жыл бұрын
Really glad you did. You're welcome
@kishoreandra
@kishoreandra 2 жыл бұрын
Nice explanation bro
@deeecode
@deeecode 2 жыл бұрын
Thank you
@samuelolufeyimi5634
@samuelolufeyimi5634 2 жыл бұрын
Really interesting Instead of using React Portals, why can't I use React Fragments? i.e React Portal
@Tom-em1gf
@Tom-em1gf Жыл бұрын
You can, however, this wont place your Modal component as a child of the body tag
@deeecode
@deeecode 7 ай бұрын
The idea of React Portals is so that they are placed outside the parent in your component composition. Using React Fragments would mean they are still in the parent component
@anixsharma7237
@anixsharma7237 4 ай бұрын
no bullshit straight to the point!
@favouritejome
@favouritejome 2 жыл бұрын
Thanks for an easy explanation 🤩
@deeecode
@deeecode 2 жыл бұрын
You’re welcome 😉
React Components as Living Things | State and Lifecycle Simplified
9:57
Portals in React
8:09
kudvenkat
Рет қаралды 10 М.
Получилось у Миланы?😂
00:13
ХАБИБ
Рет қаралды 4 МЛН
A little girl was shy at her first ballet lesson #shorts
00:35
Fabiosa Animated
Рет қаралды 14 МЛН
A clash of kindness and indifference #shorts
00:17
Fabiosa Best Lifehacks
Рет қаралды 134 МЛН
Everything about React Portals in 10 minutes
9:50
Fullstack Simplified
Рет қаралды 11 М.
CDNs Simplified
7:34
Deeecode The Web
Рет қаралды 260
What is Windowing in React? | react-window | Performance Optimisation
12:49
Coding Journey With Akash
Рет қаралды 3,3 М.
Create a Modal With React Portals
13:11
Nikita Dev
Рет қаралды 4,2 М.
Infinite Scrolling With React - Tutorial
25:28
Web Dev Simplified
Рет қаралды 354 М.
The Guide to React 16's New Features
16:16
Harry Wolff
Рет қаралды 18 М.
A Trick Every React Developer Should Know: Ref Forwarding
9:08
Josh tried coding
Рет қаралды 19 М.
ReactJS Tutorial - 31 - Portals
9:19
Codevolution
Рет қаралды 239 М.
Did You Know This About USEREF?
6:04
Deeecode The Web
Рет қаралды 155
ВАЖНО! Не проверяйте на своем iPhone после установки на экран!
0:19
ГЛАЗУРЬ СТЕКЛО для iPhone и аксессуары OTU
Рет қаралды 6 МЛН
S24 Ultra and IPhone 14 Pro Max telephoto shooting comparison #shorts
0:15
Photographer Army
Рет қаралды 10 МЛН
$1 vs $100,000 Slow Motion Camera!
0:44
Hafu Go
Рет қаралды 28 МЛН
My iPhone 15 pro max 😱🫣😂
0:21
Nadir Show
Рет қаралды 211 М.
КРУТОЙ ТЕЛЕФОН
0:16
KINO KAIF
Рет қаралды 6 МЛН