Simple, template-based React component and Redux container generator for Atom's Tree View. VS Code version here.
apm install quick-generator
The default templates are opinionated, admittedly. They adhere to the principles of feature-based structuring, as promoted in this article by Max Stoiber, and component/container separation, explained here by Dan Abramov.
index.js
simply passes the component through so you can import SomeComponent from '/components/SomeComponent'
However, this package does not force these principles. You can easily customize the templates to match your own tech stack.
The component and container templates are completely customizable. You can add additional boolean options to the generator panel from the package's settings. One option is included by default: class
determines whether to generate a class-based component instead of a functional component.
Click on View Code in the package settings, and see the contents of the component_template
and container_template
folders. It is recommended that you do not modify the default templates directly, as updates will overwrite your changes.
In the package settings, enter absolute paths to your own template folders. This will override the defaults.
Template syntax is very simple:
__ComponentName__
in a filename or a file's content will be replaced with the user's text input./* IF condition */
and /* ENDIF */
, where condition
is the name of an option (definted in the package settings) will be removed unless condition
is checked (or invalid)/* IF !condition */
and /* ENDIF */
will be removed unless condition
is left unchecked (or invalid)/* IF */
or /* ENDIF */
comments will be removed, but the text between them will be untouchedGood catch. Let us know what about this package looks wrong to you, and we'll investigate right away.