Recording date: April 7, 2022

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Anthony Guiliano @A_Giuliano

Brought to you by

• AG Grid

• Narwhal

  Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today.

Resources:

• Web Rush episode 148 - Resuable Architecture and Stencil
• Stencil
• Web Components
• Adam Bradley , co-creator of Stencil and Ionic
• Stencil First Component (Docs)
• Lit web component project
• Vanilla JavaScript and Lit HTML
• Avoiding a Litany of Mistakes that Design Systems Fix
• Stencil FAQ
• Integrate StencilJS with Web Frameworks like Angular, React, Vue
• Storybook on Web Rush
• React Context
• Web Component Interoperability with Major Frameworks
• Using Stencil in Monorepos
• [Video versionhttps://www.youtube.com/watch?v=p9NaM4_CdmQ

Timejumps

• 02:59 Guest introduction
• 04:12 What is Stencil?
• 06:00 What makes Stencil different?
• 08:31 Sponsor: Narwhal
• 08:59 Creating your first component
• 13:14 Why use Stencil?
• 17:42 What is a design system?
• 18:40 Sponsor: Ag Grid
• 19:43 When is the right place to choose Stencil?
• 26:53 Why would I integrate Stencil?
• 30:40 How does Stencil manage state?
• 33:58 Final thoughts

Podcast editing on this episode done by Chris Enns of Lemon Productions.