Shivam Shuklasarasvishva.hashnode.dev·Dec 7, 2024Building a Scalable Frontend Architecture: Insights from the Sarasvishva ProjectCreating a robust and scalable frontend architecture requires thoughtful planning and organization. In the Sarasvishva project, we implemented a series of best practices that not only enhanced the structure of the codebase but also improved performan...UI Design
Okoye Ndidiamakaamikdigital.hashnode.dev·Nov 14, 2024Building Reusable and Scalable Components in Web Development: Good Practices to Write Clean and Efficient CodeIn today's agile web development world, reusable component development across multiple projects saves a lot of time and, therefore, is a must-have for any developer. Component-based architecture can transform your workflow and make the code base more...Reusable Components
Himanshu NikhareforSideQuirk Blogssidequirk.com·Oct 13, 2024Zettelkasten Method with ObsidianIntroduction The Zettelkasten method is a powerful system for managing knowledge, especially useful for complex fields like software development. By focusing on creating atomic notes—small, self-contained notes around single concepts—you can build a ...Obsidian - Your Personal Knowledge Base and Note-Taking Applinking notes
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...atomic 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...40 likes·362 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...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...1 like·62 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...11 likesUI
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,...15 likes·64 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...7 likes·141 readsatomic design