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
│ ├── Body.jsx
│ └── Body.scss
│ ├── Footer.jsx
│ └── Footer.scss
It generates functional components by default, but there are several options. See them with:
$ aacm -h
Check out https://github.com/jasmyn/aacm for the full docs.
Jasmyn has made hundreds of apps. If you need help with yours she’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. Don’t let all that muscle memory go to waste!
Try the demo… KodenamiJS.com
Afterwards, move js/kodenami-X.X.js into your scripts directory.
$ git clone http://github.com/jasmyn/KodenamiJS.git
ReactJS is in ascendency right now, as Facebook takes ever more of Google’s front end market share. AutoApp is a tool I wrote to help automate building a new MERN app. I’m going to show you how to use AutoApp to generate an app in under 5 minutes.
You’ll need a couple of assets before we begin. Gather yourself a banner image (banner.png) and a favicon (favicon.ico) and let’s get started.
Clone the repo into your empty project directory. Don’t forget the trailing dot!