title: React | Synthetic Event interface
body: <h2>TLDR</h2>
  <blockquote>
  <p>What is <code>bubbles</code>, <code>cancelable</code>, <code>defaultPrevented</code>, <code>eventPhase</code>, <code>isTrusted</code>, <code>timestamp</code>, <code>type</code> in SyntheticEvent and how can I use it</p>
  </blockquote>
  <h2>Answer</h2>
  <p>Hello, I'm react and react native developer.<br />
  When I studied about <code>SyntheticEvent</code> in react today, I had a question about this interface <code>SyntheticEvent</code></p>
  <pre class="lang-js prettyprint-override"><code>boolean bubbles
  boolean cancelable
  DOMEventTarget currentTarget
  boolean defaultPrevented
  number eventPhase
  boolean isTrusted
  DOMEvent nativeEvent              // I know it is original browser dom event
  void preventDefault()             // I know it is for prevent element basic event like a tag
  boolean isDefaultPrevented()      // I guess it is for knowing is preventDefault() is executed 
  void stopPropagation()            // I know it is for stop event bubbling and capturing
  boolean isPropagationStopped()    // I guess it is for knowing is stopPropagation() is executed
  void persist()                    // It is for persist synthetic event pooling
  DOMEventTarget target             // I know target means dom event target like 
  number timeStamp
  string type
  </code></pre>
  <p>So at this situation, I have no idea what is <code>bubbles</code>, <code>cancelable</code>, <code>defaultPrevented</code>, <code>eventPhase</code>, <code>isTrusted</code>, <code>timestamp</code>, <code>type</code> and how can we use this interface.</p>
  <p>Is there any good use case with this?</p>