🎉Introducing Atomic Design in Vue.js🔥

• berryjam

  1 119 8.3 TypeScript

  Open Source Vue.js Component Analyzer - Save time communicating and effort in development to create better and more efficient code

  

  If you are feel this article is useful, could you consider starring Berryjam's Github repo ⭐ ⭐ ⭐ It would mean the world and encourage me to create more content.

• SaaSHub

  www.saashub.com featured

  SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

  

• core

  325 47,139 9.9 TypeScript

  🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web. (by vuejs)

  

  In this post, for simplicity, we'll explore how to implement Atomic Design in Vue.js with only HTML. I'll start with the basics of Atomic Design and then demonstrate how to apply its principles in Vue.js.

• Tailwind CSS

  1,389 82,401 9.7 TypeScript

  A utility-first CSS framework for rapid UI development.

  

  In my experience of building and delivering systems for various clients, depending on their requirements or preferences, it’s inevitable that I may use UI frameworks and libraries like Ant Design and Tailwind. Often, I have to build on top of each components. If you are working alone, it’s not such a big problem. But when working as a team, things get complicated quickly. So, I started looking at different methodologies which can provide development flexibility and system maintainability for the projects I’m leading. I choose Atomic Design methodology and want to share why it works for me.

• ant-design-vue

  8 20,155 8.9 Vue

  🌈 An enterprise-class UI components based on Ant Design and Vue. 🐜

  

  In my experience of building and delivering systems for various clients, depending on their requirements or preferences, it’s inevitable that I may use UI frameworks and libraries like Ant Design and Tailwind. Often, I have to build on top of each components. If you are working alone, it’s not such a big problem. But when working as a team, things get complicated quickly. So, I started looking at different methodologies which can provide development flexibility and system maintainability for the projects I’m leading. I choose Atomic Design methodology and want to share why it works for me.

Suggest a related project