title: How to get React to work with Grunt and Babel?
body: <p>I am trying to integrate React into a current project utilizing Grunt build which we currently have. </p>
  
  <p>I have gone to <em>grunt-react</em> <a href="https://www.npmjs.com/package/grunt-react" rel="nofollow">https://www.npmjs.com/package/grunt-react</a>, which says it has been deprecated and that I should use <em>grunt-babel</em>. <a href="https://github.com/babel/grunt-babel" rel="nofollow">https://github.com/babel/grunt-babel</a></p>
  
  <p>Does this just work out of the box with compiling React? Do I need to install anything else like <em>babel-preset-react</em> <a href="https://babeljs.io/docs/plugins/preset-react/" rel="nofollow">https://babeljs.io/docs/plugins/preset-react/</a> in order to get this to work?</p>
  
  <p>Also, I'm not sure how I set up my Gruntfile to handle this, currently I have:</p>
  
  <pre><code>    babel: {
          options {
              sourceMap: true,
              presets: ['es2015']
          },
          dist: {
              files: [
                  {
                      expand: true,
                      cwd: 'src/',
                      src: ['*.js'],
                      dest: 'dist/'
                  }
              ]
          }
      },
  </code></pre>
  
  <p>Thanks!</p>