generator-tb-react

Generator for react and react-native with specific project structure

Installation

First, install Yeoman and generator-tb-react using npm (we assume you have pre-installed node.js).

npm install -g yo
npm install -g generator-tb-react

Then generate your new project:

yo tb-react

Binary files:

• r / react-generator script is alias for yo tb-react:*
• rn / react-native-generator script is alias for yo tb-react:native-*

Example

Create React component

r comp User/UserView

will create file src/components/User/UserView.js

import React, {Component} from 'react'
 
class UserView extends Component {
  constructor(props) {
    super(props)
 
    // this.state = {
    // }
  }
 
  render() {
    return (
      <div>
        Place holder for UserView
      </div>
    )
  }
}
 
export default UserView

Create React Native component

rn comp Order/OrderView/OrderPrintPreviewButton

will create file app/components/Order/OrderView/OrderPrintPreviewButton.js

import React, {Component} from 'react'
import {
  StyleSheet, View,
} from 'react-native'
 
class OrderPrintPreviewButton extends Component {
  constructor(props) {
    super(props)
 
    // this.state = {
    // }
  }
 
  render() {
    return (
      <View style={styles.container}>
      </View>
    )
  }
}
 
let styles = StyleSheet.create({
  container: {
 
  }
});
 
export default OrderPrintPreviewButton

Getting To Know Yeoman

• Yeoman has a heart of gold.
• Yeoman is a person with feelings and opinions, but is very easy to work with.
• Yeoman can be too opinionated at times but is easily convinced not to be.
• Feel free to learn more about Yeoman.

License

Apache-2.0 © thongdong7