Challenges and Benefits of Integrating Tailwind CSS with Svelte

Sponsor
Vercel is the platform for frontend developers, providing the speed and reliability innovators need to create at the moment of inspiration. Founded by the creators of Next.js, Vercel has zero configuration support for 35+ frontend frameworks, including SvelteKit. We enable the world’s largest brands like Under Armour, eBay, and Nintendo, to iterate faster and create quality software. Try out Vercel today to experience the easiest way to use Svelte.

Description

We sit down with Bert Bengtson, known for his wacky and very awesome Svelte Summit talks. Surely you must remember the desk chair talk? Or the most recent one where he runs around a room full of Svelte developers? Tune in for an awesome episode!

Music
Intro music by Braden Wiggins a.k.a. Fractal (braden@fractal-hq.com)

Discussion topics

• Ashley Furniture
• How did you end up using Svelte?
  • Why Modals are Hard https://gist.github.com/ryanflorence/fd7e987c832cc4efaa56
  • Antony’s example at Beyonk (click Send enquiry)
  • Dialog element https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog
  • https://open-ui.org/ - Dialog | Open UI (open-ui.org)
  • https://www.a11yproject.com/checklist/
  • Bookit https://bookit.leveluptutorials.com/
  • Histoire: https://histoire.dev/
  • Storybook https://storybook.js.org/
• Svelte Summit Talks
  • The Highs and Lows of Migrating a Massive Ecommerce Website To Svelte and SvelteKit
  • When Keeping it Svelte Goes Wrong. An Analysis of Some of the Worst Svelte I Have Ever Coded
• SvelteKit - vitest
  • https://vitest.dev/
  • https://github.com/sveltejs/kit/pull/5708
  • https://jestjs.io/
  • https://pnpm.io/
• That conf: https://that.us/
• Vue post on r/Javascript and r/Vue - discussing Vue 2 to Vue 3 transition
  • https://blog.vuejs.org/posts/2022-year-in-review.html
  • https://www.reddit.com/r/javascript/comments/102brhc/vuejs_2022_year_in_review_and_what_to_expect_in/

Unpopular Opinions

• Bert: Styling using semantic aria is the goat!
• Brittney: Remix will NOT go all in on Web Components
  • Austin crim: remix talk - Svemix? Re-svmix? Re-svelte?: Bringing Svelte to Remix Router: https://youtu.be/A8jkJTWacow?t=11096
    • remix-routers/packages/svelte at main · brophdawg11/remix-routers · GitHub
  • https://github.com/pixelmund/svemix
• Antony: Twitter/Reddit Bookmarks are the worst implemented feature ever - use Pocket

Picks

• Kev: Nostr and Svelte French Toast
  • https://svelte-french-toast.com/
  • Nostr Protocol - https://github.com/nostr-protocol/nostr
    • Damus - https://github.com/damus-io/damus
• Bert: Hypno Space Outlaw
• Swyx: Fave New Podcasts of 2022
• Brittney: ui.dev | JavaScript, but fun. Bytes Newsletter
  • Danger Crew
• Antony: I’m a Computer - https://www.youtube.com/watch?v=RH1ekuvSYzE