Hi!
After one too many component declarations written by hand, I’ve recently created a small CLI that helps reduce the boilerplate involved in created React components. It’s essentially a component generator – Agrippa.
I’m new to Reddit, but it feels to me that I should write on a more candid tone – so without the usual bombastic descriptions I’ll say that my (technical) focus with Agrippa is creating a tool that’s easy to pick up, useful in many different environments and stacks, and saves React developers time.
Using the CLI at the practical level looks something like agrippa gen top-bar. Options exist for styling (–styling), props (–props), Typescript (–ts) and a few others, although most of these are either auto-detected or should be specified in a config (.agripparc.json, see the docs). More often than not, no more than the component name is needed!
I’ve published v1.0.0 a few days ago, and it performs well. v1.1.0 is already taking shape; I’m hoping to publish a first release candidate in a few days. It will feature two major additions – the ability to specify a base component directory (e.g. ./src/components) as well as a convenient way to override it, and the ability to run a command after generating a component (think opening your IDE at the new file automatically after generating it, isn’t that neat?)
If you’re interested, please check out the GitHub repo, or the NPM page. Also, I’ve written a short article about Agrippa on DEV.to, which contains the more bombastic descriptions, If you’re into them.
My ambition with Agrippa is for it to become a tool that makes the lives of React developers easier, but perhaps more importantly one that they enjoy using. The tool’s ease-of-use at the practical level is one aspect of that, but just as important is the cultivation of an active, positive community around it that developers feel welcome in (that’s the beauty of open-source, after all).
Therefore, your feedback and suggestions are most welcome, here, on GitHub or elsewhere. Thanks!
submitted by /u/nitzanhen
[link] [comments]