generator-tb-react

    0.0.1 • Public • Published

    generator-tb-react NPM version Build Status Dependency Status

    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

    Install

    npm i generator-tb-react

    DownloadsWeekly Downloads

    0

    Version

    0.0.1

    License

    Apache-2.0

    Last publish

    Collaborators

    • thongdong7