Episode #101: Back to Basics with Native HTML and LitElement
Recording date: August 25, 2020
John Papa @John_Papa
Ward Bell @WardBell
Dan Wahlin @DanWahlin
Craig Shoemaker @craigshoemaker
Alan Davalos @AlanGDavalos
Brought to you byag-Grid
Raygun
Actionable error, crash and performance monitoring. Raygun gives you visibility into how users are really experiencing your software. Detect, diagnose and resolve issues with greater speed and accuracy.
Resources:Web ComponentsShadow DOMRender HTML with Vanilla JavaScript and LitHTMLCSS Encapsulationlit-htmlPolymer ProjectLitElementLitElement with Vue.jsModel ViewerIooxaHauntedDefining a property in LitElementEvents in LitElementWeb Component BenchmarkFASTVanilla JavaScript and HTML - No frameworks. No libraries. No problemWeb Component BenchmarkOpen WCCool Components (LitElement)
ModelviewerStripe ElementsWiredJSChessboard elementsUni VirtualizerIooxaApollo ElementsLottie PlayerCool Components (Not LitElement)
CSS DoodleShader DoodleBlock LinkButton Element on Google PayWhite Label Components
LionGeneric ComponentsAlan on Dev.toTimejumps01:32 Guest introduction02:50 What is LitElement?07:17 What is CSS encapsulation?10:18 Sponsor: Raygun10:49 Wrapping everything into a component13:34 How does LitElement help with templating?22:57 Is LitElement able to integrate with other components?35:56 How do you define an attribute value?40:33 Sponsor: Ag Grid41:34 How does Fast compare with LitElements?47:42 Where to go to learn more50:13 Final thoughtsPodcast editing on this episode done by Chris Enns of Lemon Productions.
Create your
podcast in
minutes
It is Free