DrupalEasy Podcast S14E1 - Brian Perry - How to write your first web component

We talk with [Brian Perry](https://www.drupal.org/u/brianperry) about web components, and how to get started with this new-ish technology.

 

## URLs mentioned

*  [Brian's related session from NEDCamp](https://nedcamp.org/sessions/2022/envisioning-design-system-maintained-drupal-community)

*  [Generic Drupal Web Components project](https://www.drupal.org/project/gdwc)   

*  [Lit interactive tutorial](https://lit.dev/tutorials/intro-to-lit/) 

*  [Lit playground](https://lit.dev/playground/)   

*  [Wes Bos' JavaScript Notes & Reference](https://wesbos.com/javascript)  

*  [Wes Bos' courses](https://wesbos.com/courses)  

*  [Phase 2 Outline](https://outline.phase2tech.com/)  

*   [Web Components / HAX Drupal module](https://www.drupal.org/project/hax)  

*   [Lupus Custom Element Renderer](https://www.drupal.org/project/lupus_ce_renderer)  

*  [Single directory components in Drupal](https://www.drupal.org/project/drupal/issues/3313520)  

 

## DrupalEasy News

*  [Professional module development](https://drupaleasy.com/pmd) - 15 weeks, 90 hours, live, online course.  

*  [Drupal Career Online](https://drupaleasy.com/dco) - 12 weeks, 77 hours, live online, beginner-focused course. 

 

## Subscribe

[Subscribe to our podcast on iTunes](https://itunes.apple.com/us/podcast/drupaleasy-podcast/id305745575), [Google Play](https://podcasts.google.com/feed/aHR0cDovL2ZlZWRzMi5mZWVkYnVybmVyLmNvbS9EcnVwYWxFYXN5UG9kY2FzdA) or [Miro](http://www.getmiro.com/). Listen to our podcast on [Stitcher](http://stitcher.com/s?fid=28701&refid=stpr).

 

If you'd like to leave us a voicemail, call 321-396-2340. Please keep in mind that we might play your voicemail during one of our future podcasts. Feel free to call in with suggestions, rants, questions, or corrections. If you'd rather just send us an email, please use our [contact page](http://DrupalEasy.com/contact).