title: React - translations per component
body: <p>I'm using create-react-app for my React application and I'm currently trying to figure out translations.</p>
  
  <p>Right now I have one big JSON file per locale and each locale file includes translations for all components - which is not ideal and I would like to have separate translation files for each component.</p>
  
  <p>So the structure of locales will look like this:
  ComponentA
  - locales
    - en.json
    - sk.json</p>
  
  <p>ComponentB
  - locales
    - en.json
    - sk.json</p>
  
  <p>What is the best way to achieve this? Which modules should I use to achieve this?</p>
  
  <p>I do not want to include these locale files into build because we will support 10 languages so the bundle size will be too big.</p>