Build Custom Web Components With Spellt

3min Snip

00:00

Play full episode

Summary

Transcript

Episode notes

In the swelt compiler, which compiles your swelt file to java script, there is an option called simply custom element. If you want to write something that's a library that's going to be consumed outside of it, then you would just compile it essentially to custom elements. Andi: "There's really not a whole ton of point into doing this, unless it said you're building something to ship outside of"

In this Potluck episode of Syntax, Wes and Scott answer your questions about resolving node version errors, using social media, bundler for building React component, and how does Syntax get made?

Prismic - Sponsor

Prismic is a Headless CMS that makes it easy to build website pages as a set of components. Break pages into sections of components using React, Vue, or whatever you like. Make corresponding Slices in Prismic. Start building pages dynamically in minutes. Get started at prismic.io/syntax.

Sentry - Sponsor

If you want to know what’s happening with your code, track errors and monitor performance with Sentry. Sentry’s Application Monitoring platform helps developers see performance issues, fix errors faster, and optimize their code health. Cut your time on error resolution from hours to minutes. It works with any language and integrates with dozens of other services. Syntax listeners new to Sentry can get two months for free by visiting Sentry.io and using the coupon code TASTYTREAT during sign up.

Freshbooks - Sponsor

Get a 30 day free trial of Freshbooks at freshbooks.com/syntax

Show Notes

OhMyPosh
OhMyZ.sh
Warp
02:34 How do you resolve errors when starting up a project with npm that you haven’t touched in awhile?
07:50 Any advice for using social media to network?
16:44 What bundler are you reaching for when building a React component library?
tsdx
Vite
18:37 Do you have experience with optimizing third party scripts like Google Analytics?
Partytown
21:37 What’s your opinion on a “offline-first” mentality?
PouchDB
CouchDB
Supabase
MongoDB Realm
25:09 Sponsor: Prismic
26:48 How do you make web components with Svelte?
Build web components in Svelte
Using custom elements in Svelte
30:35 When talking about “responsive” web design do people generally mean using flexbox or grid?
Responsive Design at 10
Responsive Web Design
A Book Apart - Responsive Web Design
35:24 Sponsor: Sentry
36:53 Do you have any tips for staying in React-land for just spinning up a fresh site quickly?
40:47 Who or what helps you produce and distribute the podcast?
Lemon Productions
Chris Enns on Twitter
46:08 Should a majority of _lodash functions be considered deprecated follow up
48:18 Sponsor: Freshbooks
48:52 Do you have any tips or tricks to deal with backend data date issues?
52:23 Is the “col” system the peak of how we handle CSS, or should we start using more built-in functions?
55:25 Why you you need CSS Color Functions at runtime instead of just pre-calculating these values once as a build step using LESS or SASS?
58:58 SIIIIICK ××× PIIIICKS ×××
03:12 Shameless Plugs