Creating reusable Comment and Post Components in Svelte

Organizing your code into small, manageable components is a must no matter what you're building. Having giant files may work for a time, but ultimately, you want to build small, reusable components where it's easy to understand everything that's going on. In this episode, I walk through that full process and extract out our Post form, Post card, Comment form, and comment card components.
🤯 Support
  • https://www.patreon.com/davidwparker
  • https://www.buymeacoffee.com/davidwparker

⏱️ Timestamps:
  • 00:00 - Introduction
  • 00:40 - demo
  • 02:40 - Readme
  • 03:20 - Slug changes
  • 09:13 - index changes
  • 10:30 - Post Form and Post Card components
  • 15:00 - Comment Form and Comment Card components

💌 Newsletter:
  • https://www.programmingtil.com/

🪐Elsewhere:
  • Twitter: https://twitter.com/davidwparker
  • Twitter: https://twitter.com/programmingtil
  • GitHub: https://github.com/davidwparker

💭Concepts:
  • Components in Svelte

📚Resources:
  • https://github.com/davidwparker/programmingtil-svelte/tree/ep20

🎬 Subscribe!
  • http://bit.ly/subdavidwparker

My name is David W Parker and I’m creating and publishing videos on ProgrammingTIL to help teach anyone and everyone who wants to code. I’m a huge fan of Ruby on Rails, Svelte, TailwindCSS, and WebGL. I’ve used React a lot in the past, as well as some Vue and AngularJS. I’ve done some professional Python and Django. I like to create real applications and my tutorials will walk you through how to build something real from beginning-to-end.

svelte #sveltekit

© programmingtil.com