Original: https://codingcat.dev/podcast/3-13-radix-svelte
▶ Watch on YouTube & Subscribe to CodingCat.dev
**radix-svelte with Thomas G. Lopes **is a CodingCat.dev podcast episode featuring Thomas G. Lopes alongside Alex Patterson and Brittney Postma focused on Svelte, Appwrite, Tailwind CSS. Thomas speaks about his component project of radix-svelte and digs into the code and stack he used to make it. Watch the full video breakdown on YouTube or explore the architectural notes, chapters, and official documentation links below.
Questions
- Can you tell us more about yourself?
- Do you take inspiration from Pink, Appwrite’s design system?
- Is Radix a design system or just a component library?
- How do you decide which components to build?
- What tools do you use?
- Stack
- Component Creation
- Testing
- Svelte Package command
- What are some of your struggles?
Links
Technical Overview: radix-svelte with Thomas G. Lopes
radix-svelte: Thomas speaks about his component project of radix-svelte and digs into the code and stack he used to make it. https://codingcat.dev/podcast/3-13-radix-svelte Sponsors: Storyblok
Have you already discovered Storyblok? They have an official Svelte SDK! 74,000 + developers & marketers use it to d
When applying the concepts from radix-svelte with Thomas G. Lopes in a production codebase, teams working with Svelte, Appwrite, Tailwind CSS should align their implementation with the Svelte & SvelteKit Documentation (Runes, compiler internals, and full-stack SvelteKit routing). Structuring your workflow around repeatable patterns, automated verification, and clear separation of concerns helps prevent regressions as your application scales.
Key Engineering Takeaways
- **Core Topic Focus: **Practical strategies for Svelte, Appwrite, Tailwind CSS covered in "radix-svelte with Thomas G. Lopes" (Thomas speaks about his component project of radix-svelte and digs into the code and stack he used to make it.).
- **Production Implementation: **Combine the architectural patterns demonstrated in this podcast with the official Svelte & SvelteKit Documentation for type safety, performance, and long-term maintainability.
- **Hands-On Video Walkthrough: **Follow along with the live coding demos and discussion on YouTube (radix-svelte with Thomas G. Lopes) and subscribe to CodingCat.dev on YouTube for weekly deep dives.
Video Chapters & Timestamps
Jump directly to any segment of radix-svelte with Thomas G. Lopes on YouTube using the timestamped chapters below:
- 00:00: AM (EDT)
- 00:00: Introduction and Welcome Thomas
- 00:00: Work at Appwrite and Pink Design
- 00:00: Raddix Svelte
- 00:00: Sponsor: Storyblok
- 00:00: Breaking Down Raddix Svelte
- 00:00: Deciding What Components to Build
- 00:00: How many components
- 00:00: Getting Into The Code
- 00:00: Packaging and Tech Stack
- 00:00: Testing
- 00:00: Generation Commands
- 00:00: Perfect Picks
Resources, Links & Official Documentation
- *Watch on YouTube: *radix-svelte with Thomas G. Lopes Full Video (plus Subscribe to CodingCat.dev)
- *storyblok.com: *https://www.storyblok.com/?utm_source=codingcat&utm_medium=sponsor&utm_campaign=AWA_SPON_PURRFECT_TRA&utm_content=purrfect-podcast
- *Show Pick: *Zag - UI components powered by Finite State Machines (picked by Thomas G. Lopes)
- *Show Pick: *Warm Desk Pad, Desk Heating Pad Office (picked by Alex Patterson)
- *Show Pick: *Flexsearch (picked by Alex Patterson)
- *Show Pick: *The Diplomat (picked by Brittney Postma)
- Thomas G. Lopes Guest Profile & Episodes on CodingCat.dev
- Thomas G. Lopes on GitHub
- Episode Sponsor: Storyblok
- Svelte & SvelteKit Documentation: Runes, compiler internals, and full-stack SvelteKit routing
- Appwrite Documentation: Open-source backend server for auth, databases, and storage
- Tailwind CSS Documentation: Utility-first styling, design tokens, and responsive workflows
Related CodingCat.dev Tutorials & Podcast Episodes
- Open Source Svelte Magic: Melting Minds through Melt UI!: Thomas teaches Brittney and Alex how to use Melt and how Runes can be used to improve builders.
- What's up with Svelte: On this podcast we talk with Shawn Wang also known as swyx. We dive into what is happening with Svelte, the Svelte Society, and Svelte Radio.
- Install Tailwindcss in Svelte with 1 command: Stop using the 5 step method and remember the npx command to install tailwind.
Frequently Asked Questions (FAQ)
What are the main takeaways from radix-svelte with Thomas G. Lopes?
Thomas speaks about his component project of radix-svelte and digs into the code and stack he used to make it. radix-svelte: Thomas speaks about his component project of radix-svelte and digs into the code and stack he used to make it. https://codingcat.dev/podcast/3-13-radix-svelte Sponsors: Storyblok
Have you already discovered Storyblok? They have an official Svelte SDK! 74,000 + developers & marketers use it to d Throughout this podcast, Thomas G. Lopes breaks down real-world implementation details for Svelte, Appwrite, Tailwind CSS so developers can apply these patterns directly in production.
How do you implement Svelte best practices in production?
When adopting Svelte and Appwrite in a production stack, start by validating your configuration against the Svelte & SvelteKit Documentation (Runes, compiler internals, and full-stack SvelteKit routing). Focus on incremental adoption, automated testing, and observability so your team can measure performance and developer velocity improvements at each stage.
Where can I watch the full radix-svelte with Thomas G. Lopes walkthrough and find related code resources?
You can watch the complete video session for radix-svelte with Thomas G. Lopes on the CodingCat.dev YouTube channel. For a deeper dive into Svelte, check out our related guide: Open Source Svelte Magic: Melting Minds through Melt UI!.
Top comments (0)