Miglior utilizzo del framework di frontend React

Ho utilizzato il modello erb di rail per i miei punti di vista, ma recentemente ho cercato di incorporare React come framework del mio front end. Sono un po 'perso su come i framework front-end dovrebbero essere usati.

es. Utilizzo di React per eseguire il rendering di un pulsante statico

var AddProspects = React.createClass({  
  displayName : 'AddProspects',
  render: function() {
    return (
        <button type="button" className="btn btn-info pull-right btn-block" data-toggle="modal" data-target="#uploadModal">
            <i className="fa fa-plus"></i> Upload Prospects
        </button>
    );
  }
});

React.render(<AddProspects />, document.getElementById("#add-prospects"));

es. Usando il normale html

<button type="button" class="btn btn-info pull-right btn-block" data-toggle="modal" data-target="#uploadModal">
  <i className="fa fa-plus"></i> Upload Prospects
</button>

L'utilizzo di React in questo esempio sembra essere eccessivo.

Dovrei usare React per l'intera vista? Reagire dovrebbe rendere tutto da un html statico a dati dinamici dal lato server? O è meglio usarlo solo per gli elementi che interagiscono con il server e lasciare le cose statiche in semplice html?