<div id='app'></div>
@import url(https://fonts.googleapis.com/css?family=Roboto:100);

h2 {
  font-family: 'Roboto', sans-serif;
  font-weight: 100;
}
class App extends React.Component {
  constructor(props){
    super(props);
    
    // Set-up our initial state
    this.state = {
      greeting: 'Hiya Buddy!'
    }
  }
  
  render() {
    // Make use of it through this.state
    return(
      <h2>{this.state.greeting}</h2>
    );
  }
}

ReactDOM.render(<App />, document.getElementById('app'));
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://fb.me/react-15.1.0.min.js
  2. https://fb.me/react-dom-15.1.0.min.js