This video is available to students only

Atomic Design Pattern

Atomic design is a mental model of how the UI should be built and laid out. It is at the core of how we are going to build our apps.


It is highly recommended that you go through the lessons of Module 1 - Getting Started, before proceeding with any other module. They build up to the type of learning we are trying to achieve here and lay the foundation for the whole course.

Atomic design pattern#

Images and examples in this lesson are from Brad Frost's chapter on Atomic design mentioned in the source below.

In this module, we will lay the foundation of developing a design system that is in tandem with the Atomic design pattern. So, let's look at what that is, and why it's so popular.

Atomic Design Pattern

Start a new discussion. All notification go to the author.