<div id="app"></div>
.pirate {
  color: red;
}
const {Component} = React;

class App extends Component { // creazione del componente

  render() {
    // Questo è il metodo fondamentale, che consente di 'renderizzare' il codice nel browser
    return (
      <div className="pirate">Ahrr!</div>
    );
  }
};
 
ReactDOM.render(
  <App />, // componente attaccato al DOM
  document.getElementById('app'));
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. //cdnjs.cloudflare.com/ajax/libs/react/0.14.0-rc1/react-with-addons.js
  2. //cdnjs.cloudflare.com/ajax/libs/react/0.14.0-rc1/react-dom.js
  3. https://fb.me/JSXTransformer-0.14.0.js