Cindy Muthonidevmoran.hashnode.dev·Apr 15, 2024Unlocking the Power of Atomic Design System with ReactIn the ever-evolving landscape of web development, the need for scalable and maintainable design systems has become paramount. Enter Atomic Design, a methodology that breaks down user interfaces into smaller, reusable components. When coupled with Re...Discussatomic design
Monday Eseese-monday.hashnode.dev·Apr 12, 2024Taking your Frontend Development skill to the next level with Design SystemsIntroduction Have you ever worked on a project, and after further review, your styling seems misaligned or inconsistent in some way? Or are you looking for styling guidelines for your next solo project? - That's where design systems come to the rescu...Discuss·38 likes·283 readsvisual consistency
Tirtha Guhablog.tirthaguha.net·Mar 22, 2024Organizing your react componentsI'm not sure how much this matters in the era where generative AI writes code for you. However, still I embark upon this journey hoping this will help someone write better react code. Why you should organize your react components React itselft is uno...Discuss·13 likesui-architecture
Hildor Júniorblog.hildor.dev·Oct 16, 2023How to design thinking about frontend development in a long-term projectIf you are an application designer, you have probably seen implementations of your design that should have the same margins, paddings, text sizes, and colors but it seems like everywhere that the design should be consistent, it is a little bit differ...Discuss·1 like·46 readsFrontend Development
reloaduxreloadux.hashnode.dev·Jun 16, 2023What are the main components of an atomic design system?In the world of web development, designing and building a website that stands out is a never-ending challenge. From choosing color schemes to selecting fonts, there are so many elements a designer must consider. As a result, it can be easy to get los...Discuss·11 likes·36 readsUI
Anita Kahenyaanitakahenya.hashnode.dev·Apr 17, 2023Atomic Design: Simplifying Scalable and Consistent Design SystemsAs web design has evolved over the years, so too have the methodologies and processes used to create effective designs. One such methodology that has gained popularity in recent years is Atomic Design, a system for creating and maintaining efficient,...Discuss·15 likes·115 readsatomic design
Nirvana LamaforJoBins Engineeringblog.jobins.jp·Mar 31, 2023Creating Consistent interfaces with Atomic DesignAtomic Design in a Nutshell Atomic Design is a methodology that helps to create consistent, scalable, and maintainable web design systems by breaking them down into their smallest components (atoms) and then building them back up again. It was introd...Discuss·7 likes·141 readsatomic design
DAIKH NASSIMnhasbeen.hashnode.dev·Sep 30, 2022Front-End Painkiller: Atomic DesignIntroduction Every day a new mock-up is uploaded on dribbble or a new Figma file is created. The fast pace of the designer community changed the software industry. Making a pretty app nowadays is a standard at this point. We have to develop good-look...Discuss·6 likes·127 readsFrontend Development
Paulo Vitor CruzfordevGodevgo.com.br·Aug 19, 2022O que é Atomic DesignUma boa técnica para melhorar a sua estrutura de código e entrega de um projeto frontend é aplicar a metodologia de Atomic Design. Neste texto, vamos explorar um pouco mais esse conceito. O que é Atomic design é uma metodologia de desenvolvimento foc...Discuss·1 like·317 readsFrontend Development
