title: JSX vs ES6/ES2015
body: <p>In my project I'm using React and Babel so I use some ES6 features but mainly those used by React. Webstorm gives me the option to mark my syntax either as ES6 or JSX Harmony and I got confused. </p>
  
  <p>I think I know what ES6/ES2015 is and how to use it with a compiler, eg. Babel. </p>
  
  <p>The hard part id JSX/JSX Harmony. I know that React uses "JSX" but:</p>
  
  <ol>
  <li><p>Is this the same JSX as <a href="https://jsx.github.io/" rel="noreferrer">here</a>? If not, which JSX is meant by JSX Harmony option in Webstorm?</p></li>
  <li><p>I've seen the compatibility page mentioned <a href="https://stackoverflow.com/questions/27414384/what-es6-features-are-supported-in-jsx">here</a> and know that JSX Transformer supports only small part of ES6 but also that apparently Babel supports JSX as an addition to ES6 support so JSX seems to be more than ES6 subset... If so, what features of JSX React or JSX Harmony are not part of ES6 specs? </p></li>
  </ol>
  
  <h3>EDIT:</h3>
  
  <p>As for question 1 I'm getting sure, these are two completely different things. But what is JSX Harmony then? </p>
  
  <h3>EDIT 2:</h3>
  
  <p>To answer my own question, Webstorm JSX Harmony refers most probably to the syntax supported by React JSX Compiler with <code>--harmony</code> flag on - adding a bit of ES6 support.</p>