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
Web Components
It's about time.
@ErinJZimmer