title: React structure for own utils files
body: <p>Is there any best practice in structure React app? Sometimes, I need move universal functions to separate files. But, where? <strong>It's not a node_module.</strong></p>
  
  <ul>
  <li>.gitignore</li>
  <li>.git</li>
  <li>package.json</li>
  <li>node_modules</li>
  <li>src
  
  <ul>
  <li>components</li>
  <li>views</li>
  <li>reducers</li>
  <li>actions</li>
  <li>utils <strong>← this is my utils folder.</strong>
  
  <ol>
  <li>DateUtils.js</li>
  <li>StringUtils.js</li>
  <li>NumberUtils.js</li>
  </ol></li>
  </ul></li>
  </ul>
  
  <p>The another way is create Base react component that will contain all utils. All another react files will be child of this component.</p>
  
  <pre><code>class MyBaseComponent extends React.Component {
  
      dateUtilsMethod() {
         ...
      }
  
      stringUtilsMethod(myString) {
          ...
      }
  
  }
  
  class MainPageView extends MyBaseComponent { ... }
  </code></pre>
  
  <p>What is the best solution?</p>