README
Solti
Solti is an cli tool to generate React & Vue Component decorated with patterns that are widely used and mostly taken from site React Patterns and others.
Some of the patterns used in React (Checked are available):
- Simple Component
- Higher-order component
- Stateless function
- JSX spread attributes
- Destructuring arguments
- Conditional rendering
- Children types
- Array as children
- Function as children
- Render callback
- Children pass-through
- Proxy component
- Style component
- Event switch
- Layout component
- Container component
- State hoisting
- Controlled input
Some of the patterns used in Vue (Checked are available):
- Simple Component
- Functional Component
Install
NPM
npm i -g solti
Yarn
yarn global add solti
Usage
From your project on any location you can run solti on your terminal
which will ask some simple questions:
Please select available react component patterns This will be the pattern you want to use. [Default: Higher order]
Please select available react component patterns This will be the pattern you want to use. [Default: Higher order]
Enter component name Name of your component [Default: Random name]
Q3: Add props separated by coma or leave blank [Default: null]. If you want to add props to your component then enter props separated by coma
Q4: Add Prop Types Should solti add prop types validation also. [Default: Yes]
Q5: Enter destination for component relative from current location This will be location where component will be place and should be default from where solti is running. [Default: Current Location]
Options
--with-docs: Will generate component with available documentation on top of every component.