Atomic Design Skill

This skill provides knowledge about Atomic Design methodology for organizing React components.

Atomic Design Principles

Atoms

Basic building blocks. Cannot be broken down further.

Examples: Button, Input, Badge, Avatar, Checkbox, Radio, Switch, Text, Label, Icon, Spinner, Separator

Characteristics:

• No business logic
• Highly reusable
• Single responsibility
• Minimal props
• No dependencies on other components