title: difference between preset-react and react in babel
body: <p>I am creating a React project from scratch without create-react-app.
  But it worked fine on my mac but not on my other ubuntu laptop.
  Below is my previous .babelrc file content.</p>
  
  <pre><code>"presets": [
      "@babel/preset-react",
      "@babel/preset-env"
  ]
  </code></pre>
  
  <p>It works fine on my mac (npm version 6.12.0) but not on ubuntu(npm version 6.14.5)
  It shows error that can't compile src/index.js -> below line</p>
  
  <pre><code>ReactDOM.render(&lt;App /&gt;, document.getElementById('root'));
  </code></pre>
  
  <p>So I changed .babelrc env file to </p>
  
  <pre><code>"presets": [
      "@babel/react",
      "@babel/env"
  ]
  </code></pre>
  
  <p>And it worked on both finally. But I am not sure exactly the difference between @babel/preset-react and @babel/react.
  If anyone knows exact difference between these two, please let me know. 
  Thanks for your help!</p>