Creating a Flexible Astro Component
Coding in Public Coding in Public
47.1K subscribers
11,371 views
340

 Published On Jun 27, 2023

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...

show more

Share/Embed