title: reactjs file structure clarification
body: <p>I'm fairly new to reactJS and looking for some clarification.  I have a fairly simple reactJS application with several components and a utility javascript file containing functions I would like to be able to call from each component.  </p>
  
  <p>My util.js file looks something like this:</p>
  
  <pre><code>export function printMe(txtToPrint){
       console.log(txtToPrint);
  }
  export function addUs(a,b){
       return a + b;
  }
  </code></pre>
  
  <p>my ComponentA looks something like this:</p>
  
  <pre><code>import React, {Component} from 'react';
  import  {printMe, addUs} from './util';
  ...
  </code></pre>
  
  <p>and my folder structure looks like:</p>
  
  <pre><code>/src
  /src/components/componentA/componentA.js
  /src/util.js 
  </code></pre>
  
  <p>when I run the application, I receive an error stating:</p>
  
  <pre><code>Module not found: './util' 'src/components/componentsA'
  </code></pre>
  
  <p>However, when I change the import statements on the componentA to look like this:</p>
  
  <pre><code>import React, {Component} from 'react';
  import  {printMe, addUs} from '../../util';
  </code></pre>
  
  <p>Everything works.  I am/was under the impression ./ is location of src. Is it not the case? </p>