Shadow DOM... Illustrated!

1/5
A thread... 🧵

#javascript #Salesforce Image
2/5
What is DOM?

Browser generates Document object model(DOM) from static html files in order to manipulate the structure, style and content. Image
3/5
Enter Shadow DOM -
Enables encapsulation to keep the markup, style and behaviour hidden and private to the component that hosts it. Image
4/5 Image
5/5
Events that are thrown from within a shadow DOM usually do not propagate outside the boundary unless it is set to composed: true Image
Thanks for your time. If you like this illustrated learning,

Please follow me - @Rajasneha_dev

And also please retweet the first thread, so budding developers understand by relating metaphors.

Do also take a look at other illustrated blogs - rsforce.net

• • •

Missing some Tweet in this thread? You can try to force a refresh
 

Keep Current with Rajasneha

Rajasneha Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

Follow Us on Twitter!

:(