search

DovAmir / awesome-design-patterns

A curated list of software and architecture related design patterns.
39.9k stars 2.92k forks source link

Add Atomic Design in Frontend Development #7

Closed ccocoual closed 6 years ago

ccocoual commented 6 years ago

The Atomic Design architecture proposed by Brad Frost is well adaptable to current frontend frameworks aka Angular, React, Vue, Polymer and more largely Web components. It specifies how to split components to make them reusable and isolated. Feel free to complete this PR or comment it.

DovAmir commented 6 years ago

this looks like a great design pattern, but every link in this list should hold a collection of several design patterns and not one pattern. A resource on atomic design vs other design systems would be a good "design patterns" resource

DovAmir commented 6 years ago

you can add this instead http://getbem.com/introduction/ it contains different patterns and approaches

DovAmir commented 6 years ago

added link that mentions atomic

ccocoual commented 6 years ago

Sorry, I was quite busy last few days. I have searched for some resources that compare Atomic Design to other patterns but haven't found any. Concerning the getbem link, it is more a CSS approach when Atomic Design is about a way to separate components for a better separation of concerns and reusability. If I find any resource that makes the comparison I will re-open this PR. Thanks