title: Is there a convenient way to reference a DOM element in Svelte components?
body: <p>I am used to libs/frameworks like React or Angular which both have convenient ways to access actual DOM elements that belong to logical components. React has the <code>createRef</code> utility and Angular has among other things the template variables in combination with eg. <code>@ViewChild</code>. </p>
  
  <p>Those references not only make it easy to access the DOM without querying the elements explicitly every time , they also stay up to date with the DOM so that they always hold reference to the current element. I just started with Svelte for my pet project but although I went through Svelte's documentation and google a lot, I didn't find anything similar in concept &amp; usage. I suppose it might have something to do with the Svelte's runtime-less concept, but still don't know why there wouldn't be such a utility. </p>
  
  <p>So the question is, is there a similar utility in Svelte?</p>