Member-only story
The Atomic Design Architecture — applied on the frontend development
with an example on React
I have been exploring the Product Design since a while, and I’m also exploring the Product Management approach as I believe that Software Developement is not just about writing code. It’s quite interesting to see that in Software Engineering field, everyone is striving for improvement continuously on every aspect and every level. Then I discover the Atomic Design methodology used by designers for Design Systems.
All along my path to Craftsmanship, I explored the Domain-Driven Design which aim to tackle the complexity of the system and in addition to the Software Architecture which help in System Design (not Design System). I also experiment the Behaviour-Driven Development (BDD) method which helps dev teams to deliver features emphasing on shared understanding, also the Test-Driven Development method (TDD) which twist around the way to write code.
Getting back to the Atomic Design, I want to dig more in depth the usefulness of it. Following the last article I shared on the Hexagonal Architecture, I want to promote a new architecture style. That is the Atomic Design Architecture combined with the Hexagonal Architecture.
I name it Atomic Hexagonal Architecture.
