Understanding React's Synthetic Event System : <p>This has been on my mind for a few days now.</p>

<p>As per the docs, React has <a href="https://facebook.github.io/react/docs/events.html" rel="noreferrer">synthetic event system</a>, which is a <code>a cross-browser wrapper around the browser's native event</code>. Going through the docs, is my understanding correct that the custom (synthetic) event system, isn't about efficiency but rather cross-browser compatibility.</p>

<p>In other words, React still appends the event to the element rather than the more efficient approach of event-delegation on the parent element? </p>

<p>I also noticed this in Firefox Inspector which raised the initial curiosity.</p>

<p>The reason for asking the question is that I am working on an app where a user maybe able to select a thousand elements &amp; drag them around the screen, so eventually event delegation is going to come up.</p>
