title: Best practices for folder structure for services in a react app?
body: <p>A react app has the following services (and maybe more will be added):</p>
  
  <ul>
  <li>ipfs</li>
  <li>web torrents</li>
  <li>web3</li>
  <li>indexDb</li>
  </ul>
  
  <p>I'm not even sure those would qualify as "services" but I don't know what else to call them.</p>
  
  <p>Current folder structure is:</p>
  
  <ul>
  <li>src
  
  <ul>
  <li>components</li>
  <li>containers</li>
  <li>css</li>
  <li>reducers</li>
  <li>settings</li>
  <li>util</li>
  <li>services
  
  <ul>
  <li>web3</li>
  <li>ipfs</li>
  <li>torrent</li>
  <li>indexDb</li>
  <li>api (this is the public api for all the services)</li>
  </ul></li>
  </ul></li>
  </ul>
  
  <p>Does this follow best practices? </p>