lr-techfest-slides
Refactoring Towards Web Components
Ryan Tablada (@ryantablada)
Code Examples
What is this talk about?
What are Web Components?
- HTML Imports
- Templates
- Custom Elements
- Shadow DOM
- HTML Imports
- Templates
- Custom Elements!
- Shadow DOM!
Custom Elements
Data is passed via attributes the Element/Component takes over from there
<my-custom-element user-name="Bob"> </my-custom-element>
JS Frameworks
COME PLAY WITH US
We don't need a Single Page App
We don't need a JS Framework
What can we learn from web components?
Small units with predictable inputs and predictable outputs are easier to support.
Composability
Maintanability
What can web components teach us about composability on the server?
"LIVE CODING"
Code Examples
Put Some Javascript On It!
Questions?
Ryan Tablada (@ryantablada)
Code Examples
Iron Yard
Refactoring Towards Web Components
Ryan Tablada (@ryantablada)
Code Examples