Web components - Part 3 - Using React

In this video, we look at caveats with slots and how they behave in certain situations. In the end, we use this component inside a React application.

This video is part of a series where we look at Web components in detail.
Link to the playlist: https://www.youtube.com/playlist?list=PL62km_yqC3ZFk2A1JltWKGT0qy7gNspl_

Web components - https://developer.mozilla.org/en-US/docs/Web/Web_Components

⌚Timestamps
0:00 - Light DOM vs Shadow DOM
1:10 - Slots part of the light DOM
2:19 - Multiple elements with the same slot name
2:51 - Default slots
3:55 - Slotchange event
4:29 - Styling caveats
6:51 - Adding the web component to a React app
10:38 - Outro

??Other playlists:

The Git series(2023) - https://www.youtube.com/playlist?list=PL62km_yqC3ZH1Drj72q3W2HiQZcPO33kE

Multitasking in NodeJS - https://www.youtube.com/playlist?list=PL62km_yqC3ZEV0wKbLbd3CG-2zt3oDkes

NodeJS Authentication with Passport - https://www.youtube.com/playlist?list=PL62km_yqC3ZHlvkKVmR2f3W6SEzh8pRIf

Job scheduling in NodeJS - https://www.youtube.com/playlist?list=PL62km_yqC3ZEyoJa7JtdPOmzMgKuuZZ-x

NPM Tutorial Series - https://www.youtube.com/playlist?list=PL62km_yqC3ZG2su1cA-mY_6S3mSFafAS8

Javascript(Behind the scenes) - https://www.youtube.com/playlist?list=PL62km_yqC3ZE83FRlmER2sLH1T2RSoj4A

Socials
? Twitter - https://twitter.com/themangalorian
? Instagram - https://www.instagram.com/disco_pilots/
? LinkedIn - https://www.linkedin.com/in/akilesh-rao-610357137/
?? GitHub - https://github.com/AkileshRao
? Medium - https://medium.com/@akileshrao19

#dom #shadowdom #customelements #webcomponents #htmltemplate