title: What is the best practice to architecture (folder structure) enterprise level React web application, using redux and redux-saga as middleware?
body: <p>Any changes required with my current folder structure? Is components based or atomic level based folder structure is preferred?</p>
  <pre><code>.
  ├── App.css
  ├── App.js
  ├── App.test.js
  ├── assests
  ├── components
  │   └── button.js
  ├── constants
  ├── helpers
  ├── index.css
  ├── index.js
  ├── pages
  │   ├── action.js
  │   ├── homePage.js
  │   ├── reducer.js
  │   └── saga.js
  ├── routes
  ├── services
  └── serviceWorker.js
  
  </code></pre>