Storybook

To run storybook, you need setup described in Quick Start. Launching the stories is done with:

$ docom run -p 9001:9001 --rm frontend bin/storybook.sh

After this, you're ready to see the stories

Atomic Design

One Love frontend follows Atomic Design principles. For now, One Love frontend is simple, so we don't implement everything described in the mentioned book, but the structure may grow in the future. In short, we have:

• atoms which are the simplest elements, like button or input
• molecules which contain atoms and some other elements, like div as container
• layouts which contain molecules, like Header and Footer to create Layout
• pages which contain Layout which is filled with molecules to build pages

Stories

All stories are in the stories directory. Inside components you'll find directories which follow described atomic design structure. Storybook itself reads config from .storybook.