Docs / guide/best practices
Foundations Guide
9 min read

Component Best Practices

Learn the recommended patterns for building and maintaining components in SnapJSX.

Atomic Design

We follow a flattened atomic design pattern. Components are grouped by their core function (Buttons, Inputs, Cards) rather than complexity. This makes them easier to find and copy.

Prop Standardization

Every component should strive for prop consistency. For example, all buttons should support 'icon', 'onClick', and 'disabled' as standard props.