---
# System prepended metadata

title: 'Talking Drupal #353 - Native Web Components'

---

# Talking Drupal #353 - Native Web Components
Today we are talking about Web Components with Ron Northcutt.

[www.talkingDrupal.com/353](https://www.talkingDrupal.com/353)

## Topics
* What are native web components
* How are they different from custom elements
* How are they different from JS frameworks
* Libraries
    * Elix
    * Bit
    * Polymer
    * Lit
* ShadowDOM
* Difference between Progressive Web App and NWC
* Benefits of NWC
* How do you use them
* What are lifecycle callbacks
* Styles
* Html
* Slots
    * named
    * anonymous
* Support for NWCs
* Use cases
* Anything else?

## Resources
* [Marfan Foundation](https://marfan.org/) 
* Libraries
    * [Elix](https://component.kitchen/elix)
    * [Bit](https://bit.dev/)
    * [Polymer](https://www.webcomponents.org/element/@polymer/polymer)
    * [Lit-html](https://lit.dev/docs/v1/lit-html/introduction/)
    * [Mitosis](https://www.builder.io/)
* [Component Singular module](https://www.drupal.org/project/component)
* [webcomponents.org](https://www.webcomponents.org/)
* [Webcomponents module](https://www.drupal.org/project/webcomponents)


## Guests
Ron Northcutt - [@rlnorthcutt](https://twitter.com/rlnorthcutt)

## Hosts
Nic Laflin - [www.nLighteneddevelopment.com](https://www.nLighteneddevelopment.com) [@nicxvan](https://twitter.com/nicxvan)
John Picozzi - [www.epam.com](https://www.epam.com) [@johnpicozzi](https://twitter.com/johnpicozzi)
Donna Bungard - [@dbungard](https://twitter.com/dbungard)

## MOTW
[Menu block](https://www.drupal.org/project/menu_block)
This module provides configurable blocks of menu links with additional features not available in Drupal 8+ core.