JSFoo: VueDay 2019

JSFoo: VueDay 2019

A day spent discussing Vue.js, developments in the Vue ecosystem and component architecture

Ruphaa Ganesh


Atomic Design using Vue

Submitted Aug 5, 2019

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:
1) Introduce the problem/inconvenience in the traditional/existing system
2) How does Atomic Design solve this problem (Introduces Atomic Design and its terminology)
3) Why do I prefer Vue over the other frameworks to build with Atomic design?
4) Demo explaining Atomic Design in Vue’s context in detail - how is it helpful in build scalable, responsive and modular app
5) Good and Bad of Atomic Design

Speaker bio

I work for Freshworks as a Frontend Software Engineer.
Co-organizer of EmberJS Meetup Chennai.
I’m so passionate about coding, books and Yoga.





{{ gettext('Login to leave a comment') }}

{{ gettext('Post a comment…') }}
{{ gettext('New comment') }}
{{ formTitle }}

{{ errorMsg }}

{{ gettext('No comments posted yet') }}