I18n support

[dariocravero]

• understanding i18n scopes and implementing local context WIP @dariocravero

Text
text hi
when <es
text hola

• formatting strings WIP @amymc Internationalisation number formatting #74

• languages extraction/injection tool

  • extract WIP @neesonch https://github.com/viewstools/get-text/tree/with-path
  • inject WIP @eugenserbanescu https://github.com/viewstools/get-text/tree/set

• text interpolation Interpolation of the text could be done by nesting a text inside of text block #56

[amymc]

Just a reminder of points to put in the docs:

• You will have to install unstated on your project by running yarn add unstated --dev.

• You'll need to wrap your app in a Provider.
  If you're using create-react-app you'll do that in index.js. So you'll need to import the
  Provider from unstated like this:
  import { Provider } from 'unstated';
  And then in your render function, wrap your app in the Provider like this:

ReactDOM.render(
  <Provider>
    <App />
  </Provider>,
  document.getElementById('root')
);

• If you're using create-react-native-app you'll do this step in App.view.logic.js. Import the Provider as above and then in your render function your return statement should look something like this:

 return (
      <Provider>
        <App {...this.props} {...this.state} />
      </Provider>
    );

• If you want your app to work on IE11, you'll need to polyfill array.find().
  For example with this polyfill. Simply run
  yarn add ie-array-find-polyfill to install and then import it in get-initial-language.js like this
  import 'ie-array-find-polyfill';

Not sure if we want to go into this much detail?

[dariocravero]

Now that #85 is merged, we're done with I18n! :) Next up docs... 🙈