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