Creating a Flexible Astro Component

Join the early access list for my course! https://learnastro.dev

Astro provides tremendous helps for building robust components. We’ll explore them with a simple Astro Button component.

🔗 Key Links 🔗
Github: https://github.com/coding-in-public/a...

---------------------------------------

📹 Related Videos 📹
Astro Crash Course:    • Astro Crash Course in 20 Minutes!  

---------------------------------------

⏲️ Timestamps ⏲️
0:00 Introduction
1:36 Setup
3:30 Why use components?
4:45 Button Component HTML
16:22 Button CSS
27:11 CSS class scoping
30:22 Client-side JS
31:36 Adding TypeScript

---------------------------------------
🎨 VSCode Theming
Font: Cascadia Code: https://github.com/microsoft/cascadia...
Theme: https://marketplace.visualstudio.com/...
Icons: https://marketplace.visualstudio.com/...

---------------------------------------

🌐 Connect With Me 🌐
Website: https://codinginpublic.dev
Blog: https://chrispennington.blog
Twitter:   / cpenned  
Patreon:   / coding_in_public  
Buy Me a Coffee: https://www.buymeacoffee.com/chrispen...