Atomic Bomb
This commandline tool creates boilerplate atomic design components for React apps.
IMPORTANT This tool is for educational purposes only.
Install
npm install --global atomic-bomb
# Or in your project
npm install --save-dev atomic-bomb
yarn add -D atomic-bomb
Usage:
atomic-bomb --type atom|molecule|organism|page --name [Name]
Example
atomic-bomb --type atom --name Label
atomic-bomb --type molecule --name Header
Output
[PROJECT_ROOT]/src/components
βββ atoms
βΒ Β βββ _atoms.scss
βΒ Β βββ Label
βΒ Β βΒ Β βββ Label.js
βΒ Β βΒ Β βββ Label.stories.js
βΒ Β βΒ Β βββ Label.test.js
βΒ Β βΒ Β βββ _Label.style.scss
βΒ Β βΒ Β βββ _index.scss
βΒ Β βΒ Β βββ index.js
βΒ Β βββ _index.scss
βββ molecules
βββ _molecules.scss
βββ Header
βΒ Β βββ Header.js
βΒ Β βββ Header.stories.js
βΒ Β βββ Header.test.js
βΒ Β βββ _Header.style.scss
βΒ Β βββ _index.scss
βΒ Β βββ index.js
βββ _index.scss