A Better Way To Organize Components In Vue

The base component pattern is an amazing way to organizer your components in your app. In this video I'll explore how this component pattern works, and what to look out for! We'll look at refactoring components, updating components, and how to use presentational components. With Vue and React.

👉 Check out my last video on Nuxt UI
This Tailwind UI Component Library Re...

👉Sign up for my mailing list and get neat stuff!
https://bit.ly/3Umk7sW

👉 Need some help with a project,  level up your skills, React, Next, Vue, or Nuxt? Check out my 1-on-1 mentoring!
https://mentors.to/erik

Links:
Twitter: 1742486867327516928
https://x.com/erikch

0:00 Base component pattern
0:53 Refactor to component
01:54 Icon refactor
02:27 Slot refactor
03:27 Seperator slot refactor
06:22 Base component refactor
07:37 Brief Button abstraction
08:02 Disabled button abstraction
09:00 Why you shouuld use this?

• #education
• #vue_components
• #vuejs_components_tutorial
• #vuejs_tips
• #vue_tips_tutorial
• #base_component_pattern
• #base_pattern
• #component_patterns_2024
• #program_with_erik
• #program_with_eric
• #erik_hanchett