In search of PERFECT* design system for react
https://bradfrost.com/blog/post/atomic-web-design/
- Bro you're using one right now!
- Why I need more structure? Dance between contexts.
- Problem with
components/containers
folders. - Problem with structuring components by domain.
...
- Where to draw the line?
- Atoms -> ? a. Atomic/cannot be splitted b. without managing layout/padding/placing c. Stateless eg. Input, Button
- Molecules -> ? a. Multiple atoms combined together (same or different), but still creating integral whole b. Stateless eg. InputGroup, Tabs
- Organisms -> ? a. State starts getting through
- Pages -> ?
- Templates -> ? (could be easly replaced by common layout components; look at
components/atoms/FlexBox
).