aacm logo

React is great, but its setup can get a bit repetitive. My approach is to automate as much as possible, as seemingly minor optimizations can really pay off over time.

aacm is an automatic component maker. It creates components and style files. It’s meant to be installed globally, then executed from your src/ directory.

$ sudo npm i -g aacm

It can do several at the same time, for example…

$ aacm Header Body Footer


└── components
├── Body
│ ├── Body.jsx
│ └── Body.scss
├── Footer
│ ├── Footer.jsx
│ └── Footer.scss
└── Header
├── Header.jsx
└── Header.scss

It generates functional components by default, but there are several options. See them with:

$ aacm -h

Check out https://github.com/sisypheanstack/aacm for the full docs.

Joshua has made hundreds of apps. If you need help with yours he’d love to hear from you. weatherheadco.de

You know what’s wrong with the hip, modern web? Not enough Easter eggs. Secrets are awesome, so let’s give our site a secret code with KodenamiJS, a plugin I wrote to add some excitement. It’s fun, and any visitor who finds it will love you forever. …

Joshua Weatherhead

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store