Combining Custom Elements, Shadow DOM (Web Components) and lit-html templates
Вставка
- Опубліковано 5 вер 2024
- lit-html (github.com/Pol...) is a ES6 based, small and fast template engine which can be easily combined with Custom Elements and Shadow DOM (Web Components).
Checkout: webcomponents.t..., airhacks.io, airhacks.com. Any question left? See you at: airhacks.tv
Nicely explained. I have used polymer 2.0 and created some custom elements but I have to admit that polymer 3.0 seems much better. I must say that you have explained so so much with ease and it doesn't seem difficult to learn it.
Thanks man for the awesome work. Waiting to see more from you... :)
And subscribed...!
only for those who watch in HD,
~NICE WORK~
Nice example, I liked when you said technique
Fantastic videos Adam, you are amazing!!
Very Nice explained 👍🏻
Realy great video! Please more such well explained "Lego bricks" on web components domain. :) BTW - is a type="module" deferred by default or i can use defer on top to load JS?
Nice, well done.
very strange , i can see that tiny code even at 360p, which means most other video creators dont have the tech this video used.
thanks for the video! would you prefer es6 modules or html imports to incorporate custom elements to your page? also, do you see any way to separate concerns of markup, styling and logic(implementation) into different files as it is now in angular?
Gizzat Tazabekov I believe HTML Imports will not be included in final spec. Polymer team told to use ES6.
Does anybody know how to use slots without enabling shadow dom?
Can you please explain how you got modules and web components work without babel? what dev server are you using.
Have you tried to add type="module" on script tag inside index.html like the video?
Yeah and it results in an error with Parcel.
Maxwell Borden +1 Thank you so much sir!