JSJ 464: Web Components FTW with Ben Farrell

JavaScript Jabber

Episode | Podcast

Date: Tue, 29 Dec 2020 11:00:00 +0000

<div class="trix-content"> <div>Components have become the go-to method for structuring and composing UIs on the Web. Usually this means relying on a JavaScript framework such as React, Vue, or Angular. But it turns out that there is a standard mechanism for creating components built into browsers. Ben Farrell who wrote a book on this mechanism - Web Components - joins the panel to explain what they are, how they work, and why they are a great, light-weight alternative to JavaScript frameworks.</div><div>Panel</div><ul> <li>Aimee Knight</li> <li>AJ O’Neal</li> <li>Dan Shappir</li> <li>Steve Edwards</li> </ul><div>Guest</div><ul><li>Ben Farrell</li></ul><div>Sponsors</div><ul><li><a href="https://raygun.com/?utm_medium=podcast&amp;utm_source=jsjabber&amp;utm_campaign=devchat&amp;utm_content=homepage">Raygun | Click here to get started on your free 14-day trial</a></li></ul><div>Links</div><ul> <li><a href="https://www.manning.com/books/web-components-in-action">Ben Farrell: Web Components in Action </a></li> <li><a href="https://lit-html.polymer-project.org/">lit-html</a></li> <li><a href="https://lit-html.polymer-project.org/guide/styling-templates">lit-html: Styling Templates</a></li> <li><a href="https://sap.github.io/ui5-webcomponents/playground/components/ComboBox/">Combo Box-UI5 Web Components</a></li> <li><a href="https://devchat.tv/js-jabber/jsj-424-ui5-and-web-components-with-peter-muessig/">Devchat.tv-JSJ 424: UI5 and web components with Peter Muessig</a></li> <li><a href="https://www.youtube.com/watch?v=pgVDAmi7onA">Ben Farrell: Web Components in Space</a></li> <li><a href="https://www.infoq.com/news/2020/06/javascript-spacex-dragon/">JavaScript Reaches the Final Frontier: Space</a></li> </ul><div>Picks</div><ul> <li>Aimee- <a href="https://www.nityesh.com/equal-pay-for-equal-work-at-a-remote-company/">You should expect "equal pay for equal work" at your new remote job</a> </li> <li>AJ- <a href="https://web.dev/stale-while-revalidate/">Keeping things fresh with stale-while-revalidate</a> </li> <li>AJ- <a href="https://www.imdb.com/title/tt6244192/">Leah Remini: Scientology and the Aftermath </a> </li> <li>AJ- <a href="https://amzn.to/3pVa7Y1">Ready Player Two</a> by Ernest Cline</li> <li>AJ-<a href="https://openaudible.org/">OpenAudible</a> </li> <li>Ben- <a href="https://www.oculus.com/experiences/rift/3257686387611106/?locale=en_US">Medium by Adobe</a> </li> <li>Ben-<a href="https://www.gravitysketch.com/"> Gravity sketch</a> </li> <li>Ben- <a href="https://tvori.co/">Tvori</a> </li> <li>Dan- <a href="https://techblog.wikimedia.org/2020/11/23/web-performance-case-study-wikipedia-page-previews">Web performance case study: Wikipedia page previews</a> </li> <li>Steve- <a href="https://www.apple.com/ph/shop/buy-mac/macbook-pro/13-inch">13-inch MacBook Pro</a> </li> </ul><div>Special Guest: Ben Farrell.</div><div>Sponsored By:</div><ul><li> <a href="https://raygun.com/?utm_medium=podcast&amp;utm_source=jsjabber&amp;utm_campaign=devchat&amp;utm_content=homepage">Raygun</a>: <a href="https://raygun.com/?utm_medium=podcast&amp;utm_source=jsjabber&amp;utm_campaign=devchat&amp;utm_content=homepage">Raygun now offers Real User Monitoring of Core Web Vitals. Start your 14-day free trial now.</a> </li></ul> </div> Support this podcast at — https://redcircle.com/javascript-jabber/donations Advertising Inquiries: https://redcircle.com/brands Privacy & Opt-Out: https://redcircle.com/privacy