Functions are components! Yay! Here&#x27;s the quote:<p><i>In idiomatic React code, most of the components you write will be stateless, simply composing other components. We’re introducing a new, simpler syntax for these components where you can take props as an argument and return the element you want to render:</i><p><pre><code>    &#x2F;&#x2F; Using an ES2015 (ES6) arrow function:
    var Aquarium = (props) =&gt; {
      return &lt;Tank&gt;{getFish(props.species)}&lt;&#x2F;Tank&gt;;
    };
    
    &#x2F;&#x2F; Or with destructuring and an implicit return, simply:
    var Aquarium = ({species}) =&gt; (
      &lt;Tank&gt;{getFish(species)}&lt;&#x2F;Tank&gt;
    );
    
    &#x2F;&#x2F; Then use: &lt;Aquarium species=&quot;rainbowfish&quot; &#x2F;&gt;</code></pre>