Tag feed

#atomic-design

21 posts6 followers

Explore Hashnode

Alternatives

Trending tags this week

KKonstantinc0nstanta.hashnode.devJan 5 · 15 min read

Crash-safe JSON at scale: atomic writes + recovery without a DB

canonical URL: https://dev.to/constanta/crash-safe-json-at-scale-atomic-writes-recovery-without-a-db-3aic 1. Why we're still using JSON files in 2025 This system runs on Alpine Linux under Gunicorn. It manages 60+ retail stores today (roadmap: 300+),...

0

ZZopdevzdevops.hashnode.devDec 2, 2025 · 4 min read

Building UI Systems That Last: A Practical Guide to Atomic Design

Introduction: Why UI Systems Fail Over Time In over a decade of front-end architecture, I’ve seen a familiar pattern repeat itself: beautiful interfaces at launch, followed by slow decay into inconsistency, duplication, and design debt. Different tea...

0

AHAbu Hurayrahabuhurayrah.hashnode.devSep 21, 2025 · 8 min read

Layered Component Architecture (LCA): A Pragmatic Approach to Flutter UI Organization

Bismillahir Rahmanir Raheem If you're using Clean Architecture with Riverpod in Flutter (like the excellent approach detailed by Code with Andrea), you've probably faced this question: How do I organize my UI components without losing my sanity? You ...

0

AEArda Erenardaeren.hashnode.devJul 30, 2025 · 6 min read

Building React components is like designing LEGO sets

Think about it for a moment. When you were a kid and opened a new LEGO set, everything had a purpose. Each piece was designed to work with every other piece. The instruction manual showed you one specific thing to build, but the real magic happened a...

0

LTLuiz Tanureletanure.hashnode.devJul 14, 2025 · 2 min read

Design Systems 2.0 – Atomic Design in Practice

Note: This article was originally published on March 12, 2020. Some information may be outdated. Atomic Design is a method for creating design systems based on the idea of breaking down UIs into fundamental building blocks. Introduced by Brad Frost,...

0

SSShivam Shuklasarasvishva.hashnode.devJun 16, 2025 · 5 min read

From Atomic Design to Reality:

When we started building Sarasvishva, we knew the architecture needed to support an extensive component library that would remain maintainable as the project grew. In my previous post on frontend architecture, I discussed our overall approach. Today,...

0

MLMichael Laroccamichaeljudelarocca.hashnode.devMay 19, 2025 · 10 min read

Creating Cohesive Design Systems with Atomic Design Principles

In this article, learn how to deconstruct interfaces into core components, creating unified, scalable systems using Brad Frost's Atomic Design methodology to enhance your web design skills effectively! What is Atomic Design? What never ceases to a...

0

SSShivam Shuklasarasvishva.hashnode.devDec 7, 2024 · 3 min read

Building a Scalable Frontend Architecture: Insights from the Sarasvishva Project

Creating 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...

0

ONOkoye Ndidiamakaamikdigital.hashnode.devNov 14, 2024 · 5 min read

Building Reusable and Scalable Components in Web Development: Good Practices to Write Clean and Efficient Code

In 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...

0

HNHimanshu Nikharethecodeconsole.comOct 13, 2024 · 6 min read

Zettelkasten Method with Obsidian

Introduction 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 ...

0

#atomic-design

Search Hashnode

#atomic-design

Explore Hashnode

Trending tags this week

Crash-safe JSON at scale: atomic writes + recovery without a DB

Building UI Systems That Last: A Practical Guide to Atomic Design

Layered Component Architecture (LCA): A Pragmatic Approach to Flutter UI Organization

Building React components is like designing LEGO sets

Design Systems 2.0 – Atomic Design in Practice

From Atomic Design to Reality:

Creating Cohesive Design Systems with Atomic Design Principles

Building a Scalable Frontend Architecture: Insights from the Sarasvishva Project

Building Reusable and Scalable Components in Web Development: Good Practices to Write Clean and Efficient Code

Zettelkasten Method with Obsidian