Session

Thinking About React, Atomically

Brad Frost's Atomic Design is one of the best user interface design philosophies out there. Its simplistic approach to user interfaces encourages concise, maintainable UI elements. We can easily use Atomic Design when creating our React applications for a better developer and user experience.

Atomic Design is the concept of breaking down user interfaces into smaller, simpler elements. There are five different levels in atomic design: atoms, molecules, organism, templates, and pages. These levels are combined to make user interfaces.

React, at its core, follows Atomic Design inherently by encouraging developers to keep components as simple and as broken down as possible. From this simplicity, we can create more complex components and containers of components to create the user interfaces for our applications. Following these patterns gives us, as developers, an easy to manage (and test) ecosystem within our React applications.

During this talk, we'll dive into the roots of Atomic Design and how we can apply these design principles to our React applications.

Katia Wheeler

Software Engineer at Balance Innovations

Kansas City, Missouri, United States

Please note that Sessionize is not responsible for the accuracy or validity of the data provided by speakers. If you suspect this profile to be fake or spam, please let us know.

Jump to top