apeman-bud-react/asset/view.hbs

/**
 * React component for {{spinalcase name}} view.
 * @class {{pascalcase name}}View
 *
 * Generated by {{generator}} on {{today}},
 * from a template provided by {{pkg.name}}.
 *
 * @see https://facebook.github.io/react/
 */

"use strict";

import React, {PropTypes as types} from 'react';
import classnames from 'classnames';
import {ApView, ApViewHeader, ApViewBody} from 'apeman-react-basic';
import {ApLocaleMixin, ApViewMixin, ApSpinMixin, ApToastMixin} from 'apeman-react-mixins';
import defineDebug from 'debug';

import fragments from '{{base}}/fragments';
import mixins from '{{base}}/../mixins';
import services from '{{base}}/../services';

const debug = defineDebug('project:react:{{spinalcase name}}');

/** @lends {{pascalcase name}}View */
let {{pascalcase name}}View = React.createClass({

    //--------------------
    // Specs
    //--------------------

    propTypes: {},

    mixins: [
        ApLocaleMixin,
        ApViewMixin,
        ApSpinMixin,
        ApToastMixin
    ],

    statics: {
        viewName: '{{spinalcase name}}'
    },

    getInitialState() {
        return {};
    },

    getDefaultProps() {
        return {};
    },

    render() {
        let s = this;
        let {state, props} = s;

        let l = s.getLocale();

        return (
            <ApView className={classnames('{{spinalcase name}}-view', props.className)}>
                <ApViewHeader leftText={null}
                              leftIcon={ApViewHeader.popIcon(props.viewWay)}
                              onLeftTap={s.popThisViewFromCurrentStack}
                              titleText={null}
                              titleIcon={null}
                              rightText={null}
                              rightIcon={null}
                              onRightTap={null}
                />
                <ApViewBody>
                    This is {{spinalcase name}} view.
                </ApViewBody>
            </ApView>
        );
    },

    //--------------------
    // Lifecycle
    //--------------------

    componentWillMount() {
        let s = this;
    },

    componentDidMount() {
        let s = this;
    },

    componentWillReceiveProps(nextProps) {
        let s = this;
    },

    shouldComponentUpdate(nextProps, nextState) {
        let s = this;
        return true;
    },

    componentWillUpdate(nextProps, nextState) {
        let s = this;
    },

    componentDidUpdate(prevProps, prevState) {
        let s = this;
    },

    componentWillUnmount() {
        let s = this;
    }

    //------------------
    // Custom
    //------------------

    //------------------
    // Private
    //------------------
});

export default {{pascalcase name}}View;