Web Components

It's about time.
@ErinJZimmer
frameworks: easy creation of components & component based architectures do we really need web components who would win in a fight?
  • Binding
  • Change detection
  • State management
  • Routing
- can all be implemented using web components, but frameworks give them to you - not free - big overhead with frameworks - but definitely advantages to not having to build them yourself
  • Lightweight
  • Flexible
indication of how well your framework works with web components React: intercomponent communication - stringifying attributes + react's event system open issues to fix
not just frameworks share components between app and static site
@richsimmonsart
  • No framework
  • Share components between frameworks
  • Components separate from framework
Why not both? component library A/B testing pages that don't need a framework
@richsimmonsart
  • ES modules
  • HTML templates
  • Custom elements
  • Shadow DOM

🎉🎉🎉 Demo 🎉🎉🎉

  • Custom Element & Shadow DOM
  • Styling
  • Passing data
  • Behaviour
  • Communication
Styling: especially light & shadow DOM
lit-html / LitElement
Elements
hybrid - object based API lit - tagged templates slim - extended lifecycle & binding stencil- framework component capabilitiees

To infinity
and beyond

hopefully given you inspiration to find out more about web components hybrid - object based API lit - tagged templates slim - extended lifecycle & binding stencil- framework component capabilitiees
Thanks!
@ErinJZimmer
web-components.ez.codes/slides.html
web-components.ez.codes/demo.html