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