title: Proper way to include react js in wordpress roots theme
body: <p><a href="https://roots.io/" rel="nofollow">https://roots.io/</a></p>
  
  <p>I am using the Wordpress roots theme for the first time and also bower for first time. I want to include react js in my theme and was just wondering the correct steps to take.</p>
  
  <p>I ran "bower install --save react"...</p>
  
  <p>So I now have "react" folder at "/wp-content/themes/mytheme/bower_components"</p>
  
  <p>I need it to load 2 files:</p>
  
  <p>"/wp-content/themes/mytheme/bower_components/react/react.min.js"</p>
  
  <p>"/wp-content/themes/mytheme/bower_components/react/JSXTransformer.js"</p>
  
  <p>From here I am not sure the correct steps, I edited the "bower.json" file directly like so...</p>
  
  <pre><code>"overrides": {
    "modernizr": {
      "main": "./modernizr.js"
    },
    "react":{
      "main":[
        "./react.min.js",
        "./JSXTransformer.js"
      ]
    }
  },
  </code></pre>
  
  <p>Then I edited the file at "wp-content/themes/mytheme/lib/assets.php" like so...</p>
  
  <pre><code>wp_enqueue_script('react', asset_path('scripts/react.js'), [], null, true);
  wp_enqueue_script('JSXTransformer', asset_path('scripts/JSXTransformer.js'), [], null, true);
  </code></pre>
  
  <p>It is not loading. And how can I change the "type" parameter on the JSXTransformer script to be "text/jsx"</p>