Build Once, Use Everywhere: Creating Reusable Web Components in Minutes
Web components are custom HTML elements that can be used across different frameworks and websites. In this presentation, I will demonstrate how to leverage libraries like Lit 3 to build lightweight, framework-agnostic components in just minutes.
We will cover:
- The benefits of web components - write once and reuse across React, Angular, Vue, and even CMS platforms like Drupal
- A quick overview of web component standards like custom elements, Shadow DOM, HTML templates and CSS scopes
- Using Lit to generate standards-compliant web components with just a few lines of code
- Building a sample component and testing it across different frameworks
- Deployment and distribution for dropping custom elements into any project
With the power of web components, you can create reusable UI building blocks and rapidly accelerate development across projects. Attend this talk to see how much leverage you can get out of these self-contained, framework-agnostic elements.
About the Speaker
Ofer Shaal
Software Architect at Phase2
Drupal core maintainer
Co-created Drupal Rector
Created DrupalPod - Drupal contributions in 1 click
https://www.fldrupal.camp/session/build-once-use-everywhere-creating-reusable-web-components-minutes
We will cover:
- The benefits of web components - write once and reuse across React, Angular, Vue, and even CMS platforms like Drupal
- A quick overview of web component standards like custom elements, Shadow DOM, HTML templates and CSS scopes
- Using Lit to generate standards-compliant web components with just a few lines of code
- Building a sample component and testing it across different frameworks
- Deployment and distribution for dropping custom elements into any project
With the power of web components, you can create reusable UI building blocks and rapidly accelerate development across projects. Attend this talk to see how much leverage you can get out of these self-contained, framework-agnostic elements.
About the Speaker
Ofer Shaal
Software Architect at Phase2
Drupal core maintainer
Co-created Drupal Rector
Created DrupalPod - Drupal contributions in 1 click
https://www.fldrupal.camp/session/build-once-use-everywhere-creating-reusable-web-components-minutes