How to get React to work with Grunt and Babel?
<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>