Your First React.js App

An introduction to React.js. You'll learn about ES6 components, JSX, props and more.
    class Main extends React.Component {
      render() {
        return (
          <h1>Hello world!</h1>
        );
      } 
    }
    
    ReactDOM.render(<Main />, document.getElementById('root'));
    class Main extends React.Component {
      render() {
        const imgStyle = { width: '400px' }; 
        return (
          <img
            style={imgStyle}
            src="http://i.imgur.com/vQIffTG.png" /> 
        );
      }
    }
    
    ReactDOM.render(<Main />, document.getElementById('root'));
    class Main extends React.Component {
      render() {
        return (
          <div style={{padding: '15px'}}>
            <Profile />
            <Hobbies />
          </div>
        );
      }
    }
    
    class Profile extends React.Component {
      render() {
        return (
    const DATA = {
      name: 'Per Harald Borgen',
      imgURL: 'https://avatars.githubusercontent.com/perborgen?s=240',
      hobbyList: ['Eat', 'Sleep', 'Code']
    };
    
    class Main extends React.Component {
      render() {
        return (
          <div style={{padding: '15px'}}>
            <Profile
              name={this.props.myData.name}
              imgURL={this.props.myData.imgURL} />
            <Hobbies hobbyList={this.props.myData.hobbyList} />