title: ESLint no-use-before-define
body: <p>How do I get this ESLint rule (<code>no-use-before-define</code>) to not warn in cases like these;</p>
  
  <pre><code>class App extends React.Component {
      render() { return &lt;div&gt;{messages.helloWorld}&lt;/div&gt; }
  }
  
  const messages = { helloWorld: 'Hello world!' }
  </code></pre>
  
  <p>This is a simplified example, but I'd really like to have <code>messages</code> defined at the bottom of each component's file (by convention).</p>