1.0.0 • Published 6 years ago
react-artisan v1.0.0
React Artisan
How to install
$ yarn add -g react-artisan
# or
$ npm install -g react-artisan
How to use
$ react-artisan COMMAND FILENANE [options]
# e.g
$ react-artisan create:component About --with-redux --function
List of Command
create:component
List of Option
Options | Description |
---|---|
--with-react-redux | create a component file that already connected with react-redux |
--functional / -f | create a functional component file |
--folder-file / -ff | create a component file inside folder, filename will be the folder name component file name would be index.js |
--here | create component file in current directory |
Config File
you can also create a config file to change default config. you can create file with name rean-config.js in project root folder
e.g
module.exports = {
component: {
rootPath: '/component', // to change root folder also inside /src
classComponent: true, // default value create class component
withReactRedux: false, // create a component file without connect to react-redux
folderFile: false // create component file without folder file name
}
}
Example Code
Class Component
import React, { Component } from 'react';
class About extends Component {
constructor(props) {
super(props);
this.state = { };
this.exampleMethod = this.exampleMethod.bind(this) //if you dont want to use arrow function
}
componentDidMount() {
//will run after component rendered
}
//you can use arrow function if you want bind function
exampleMethod() {
}
render() {
return (
//Component Start Here
);
}
}
export default About;
1.0.0
6 years ago