react es6 skeleton jsx

react-es6-skeleton-jsx.md

react es6 skeleton

// es6 new
import React { Component } from 'react';
import styles from "./style.css";

class XyzComponent extends Component {
    constructor(props) {
        super(props);
        this.methods = this.methods.bind(this);
        this.focus = this.focus.bind(this);
    }
    render() {
        // Use the `ref` callback to store a reference to the text input DOM
        // element in an instance field (for example, this.textInput).
        return (
            <div>
                <input
                    type="text"
                    ref={(input) => { this.textInput = input; }}
                />
                <input
                    type="button"
                    value="Focus the text input"
                    onClick={this.focus}
                />
            </div>
        );
    }
}

export default XyzComponent

DOM

import React,{Component} from 'react';
import ReactDOM from 'react-dom';
import HelloWorld from 'react-npm-skeleton';

class App extends Component {
    constructor(props){
        super(props);
    }
    render() {
        return(
            <div>
                <HelloWorld />
            </div>
        );
    }
}

ReactDOM.render(<App />,document.querySelector('#app'));

https://www.npmjs.com/package/react-npm-skeleton

https://github.com/dominiek/app-skeleton/blob/master/src/components/common/CreateItemDialog.jsx

https://github.com/dominiek/app-skeleton/blob/master/src/components/common/ItemsList.jsx

React-handleClick-style

https://gist.github.com/xgqfrms-GitHub/f0a80a7bbc907815b8c18fda3d044c1c

https://github.com/xgqfrms/ng2-seed/blob/master/config/Webpack/webpack.prod.js

https://github.com/xgqfrms/react2/tree/gh-pages/Tutorials