Workflow CLI

For Productivity

React Icon over the Mac Terminal
node
typescript

CLI Productivity Booster

When building out a lot of components I found myself spending WAY too much scaffolding out the basic structure of every component just so I could get it to the point of rendering on screen. I absolutely hate wasting my time.

Workflow CLI at its current v1 stage is simply a recursive template generator used to create the basic layout of components needed for development. It uses a default path but can take a path option as well. I named it React Workflow CLI though because I plan to expand.

The program in a nutshell

The video shows the basics of the React Workflow CLI. Based on the templates you define, you can auto-generate new components with associated docs and/or tests.

The program in a nutshell

The video shows the basics of the React Workflow CLI. Based on the templates you define, you can auto-generate new components with associated docs and/or tests.

Gif of a component being created
The info screen of the React Workflow CLI

Key Points

  • Command Line Interface built with Typescript in Nodejs

  • Published as an NPM package and shared with co-workers to increase productivity

  • Ability to add templates to project roots to standardize code style

©JW Development 2022 Resume