title: Dollar sign and quotes in return component
body: <p>i create a use state in my react component like that:</p>
  <pre><code>const [loading, setLoading] = React.useState(false);
  </code></pre>
  <p>and in one project in return of component i saw something like this</p>
  <pre><code>&lt;ListItemButton sx={{ color: `${loading &amp;&amp; 'yellow'}` }}&gt;
  </code></pre>
  <p>I can't find how that  <code>`${x &amp;&amp; 'x' }`</code> syntax works
  Can someone explain to me or show me the documentation of this?</p>