turbolinks + react bootstrapはたぶんこんなかんじ

hello_react.js

// ページ読み込みが完了した時に実行
document.addEventListener("DOMContentLoaded", e => {
  console.log('fired ->', e.type, e.timeStamp)

  // turbolinksを有効にしている時
  document.addEventListener('turbolinks:load', (evt)=>{
    console.log('will render ->', evt.type, evt.timeStamp)
    let elm = document.getElementById('padapp')
    if (!elm) { return ; }
    
    ReactDOM.render(<Hello name="React" />, elm)
    // cacheとリクエスト結果の2回呼び出されることになるので、
    // 一回だけイベントを実行するようにオプションで設定する
    // 対応ブラウザがどうなってるか分からないので、onceオプション以外の実装も調べてみる？
    document.addEventListener('turbolinks:before-render', (evt)=>{
      console.log('will unmountComponentAtNode ->', evt.type, evt.timeStamp)
      ReactDOM.unmountComponentAtNode(elm)
    }, {once: true})
  })
})