title: Operators vs self invoked arrow functions inside jsx (React.js)
body: <p>I have a question:
  Do self invoked arrow functions have a bigger affection in performance than operators?</p>
  <p>Here are two examples of the same action but one using self invoked arrow functions and the other with operators.</p>
  <p>Example with Self invoked arrow functions</p>
  <pre><code>return (
      &lt;div className=&quot;container&quot;&gt;
          {(() =&gt; {
              if (props.show) {
                  return &lt;div className=&quot;message&quot;&gt;Message&lt;/div&gt;;
              }
          })()}
      &lt;/div&gt;
  );
  
  </code></pre>
  <p>Example with Operators</p>
  <pre><code>return (
      &lt;div className=&quot;container&quot;&gt;
          {props.show &amp;&amp; &lt;div className=&quot;message&quot;&gt;Message&lt;/div&gt;}
      &lt;/div&gt;
  );
  </code></pre>
  <p>I know that in these examples the operators example seems smaller, but I want you to focus in performance.
  I want to know if there is a significant affection or if the usage of either could be considerer as equal.</p>
  <p>Thank you!</p>