Universe
Work in progress. Please don't download.
Based on
atomic design by brad frost
Flutter by google
What is
Atomic Design - simple definition
Brad Frost gives many guidelines of how to create a project in a way everything (or most of it) is reusable (among other things).
- atoms: basic building blocks
- molecules: combined atoms
- organisms: molecules joined together
- templates: organisms stitched together
- pages: intances of templates
Universe - simple definition
Based on Brad Frost's atomic design, I re-imagined in such a way that programmers can also 'break' their project in small pieces.
- quarks: non visual elements that defines everything
- VoidCallback
- small forces: non visual elements, but that defines how other components works together
- CrossAxisAlignment
- MainAxisAlignment
- atoms: basic building blocks
- Label
- Icon
- Text
- molecules: combined atoms
- Button (Label + button + Icon)
- Input (input + icon)
- tissues: molecules joined together
- LabelButton (Label + Button)
- organs: some tissues used to achieve something in common (eg. form validators)
- FormButton (LabelButton + validation)
- organisms: organs working together to make different things at the same place (eg. some providers like a theming one)
- big forces: how organisms interact with others (eg. communications from/to some other page) (maybe won't be created here)
- environment: full sites (maybe won't be created here)
Usage
TO DO!
Helping guidelines
- Comments everywhere. Not everyone knows what's on your mind.
- Test everything. No one likes to use broken things.
- Storybook all visual component. Everyone wants to see your art.
Documentation
Someday I'll configure a way auto create docs.