Conversation

Notices

1. Embed this notice
   Mayank (mayank@front-end.social)'s status on Friday, 15-Nov-2024 07:50:07 JST Mayank

   in reply to

   here's a demo of 2: https://codepen.io/hi_mayank/pen/VwoRxGj

   it's not "diffing" like i said in my original post, but it very well could be. setting `shadow.innerHTML` would not recreate slotted elements.

   • Embed this notice
     Mayank (mayank@front-end.social)'s status on Friday, 15-Nov-2024 07:50:08 JST Mayank

     two use-cases for #WebComponents that i don't see being talked about enough:

     1. micro-micro-frontends using custom elements: you can have different people build different parts of the same page (even using different frameworks), and bring them together using custom elements.

     2. stateful diffing using shadow dom: you can swap out HTML of a shadow-tree without losing dom state (e.g. focus or text selection) of slotted elements.

     alcinnz repeated this.