Atomic design is an evolutionary approach of breaking down interfaces into fundamental building blocks and build the system bottom-up. It helps us to build consistent, solid and reusable design systems. This has gained a lot of strength and popularity in recent days.
The Single File Component structure of Vue makes this approach a powerful ally for developers. Let me demonstrate how the union of the autonomous components of Vue works perfectly with Atomic Design.
Framework that I’ll be following for the presentation:
- Introduce the problem/inconvenience in the traditional/existing system
- How does Atomic Design solve this problem (Introduces Atomic Design and its terminology)
- Why do I prefer Vue over the other frameworks to build with Atomic design?
- Demo explaining Atomic Design in Vue’s context in detail - how is it helpful in build scalable, responsive and modular app
- Good and Bad of Atomic Design
I work for Freshworks as a Frontend Software Engineer.
Co-organizer of EmberJS Meetup Chennai.
I’m so passionate about coding, books and Yoga.
https://slides.com/ruphaaganesh/deck-5/fullscreen
{{ gettext('Login to leave a comment') }}
{{ gettext('Post a comment…') }}{{ errorMsg }}
{{ gettext('No comments posted yet') }}