Update readme

Author: frostney

README.md

@@ -2,4 +2,106 @@
 
 [![Build Status](https://travis-ci.org/frostney/react-intl-native.svg?branch=master)](https://travis-ci.org/frostney/react-intl-native) [![Dependency Status](https://david-dm.org/frostney/react-intl-native.svg)](https://david-dm.org/frostney/react-intl-native) [![devDependency Status](https://david-dm.org/frostney/react-intl-native/dev-status.svg)](https://david-dm.org/frostney/react-intl-native#info=devDependencies) [![codecov.io](https://codecov.io/github/frostney/react-intl-native/coverage.svg?branch=master)](https://codecov.io/github/frostney/react-intl-native?branch=master)
 
-react-intl components for React Native
+`react-intl` convinience components for React Native
+
+While `react-intl` allows us to use `formatMessage` or passing in a function, this becomes tiresome if you have to do this for each. This module does the latter and wraps it all in a `Text` component allowing you to pass in `style` to provide custom styling.
+
+## Installation
+
+```
+$ npm install react-intl-native
+```
+
+## Usage
+
+Wrap your main component inside `react-intl`s `IntlProvider` like you would in your web application:
+
+```javascript
+import IntlProvider from 'react-intl';
+```
+
+```jsx
+<IntlProvider locale="en">
+  <MainView />
+</IntlProvider>
+```
+
+#### FormattedDate
+
+```jsx
+<FormattedDate
+  weekday="long"
+  value={Date.now()}
+  style={{ fontWeight: 'bold' }} />
+```
+
+More information on date formatting options: https://github.com/yahoo/react-intl/wiki/Components#date-formatting-components
+
+#### FormattedHTMLMessage
+
+```jsx
+<FormattedHTMLMessage
+  defaultMessage="Hello there"
+  style={{ fontWeight: 'bold' }} />
+```
+
+#### FormattedMessage
+
+```jsx
+<FormattedMessage
+  defaultMessage="Hello there"
+  style={{ fontWeight: 'bold' }} />
+```
+
+#### FormattedNumber
+This is the only component that differs slightly from the original component. For the formatting style you need to use `formatStyle` instead of `style`. `style` is being reserved for the component styling.
+
+```jsx
+<FormattedNumber
+  formatStyle="currency"
+  value={1000}
+  style={{ fontWeight: 'bold' }} />
+```
+
+More information on number formatting options: https://github.com/yahoo/react-intl/wiki/Components#formattednumber
+
+#### FormattedPlural
+
+```jsx
+<FormattedPlural
+  value={10}
+  one="message"
+  other="messages"
+  style={{ fontWeight: 'bold' }} />
+```
+
+More information on plural formatting options: https://github.com/yahoo/react-intl/wiki/Components#formattedplural
+
+#### FormattedRelative
+
+```jsx
+<FormattedRelative
+  value={Date.now()}
+  style={{ fontWeight: 'bold' }} />
+```
+
+More information on date formatting options: https://github.com/yahoo/react-intl/wiki/Components#date-formatting-components
+
+#### FormattedTime
+
+```jsx
+<FormattedTime
+  value={Date.now()}
+  hour="numeric"
+  style={{ fontWeight: 'bold' }} />
+```
+
+More information on date formatting options: https://github.com/yahoo/react-intl/wiki/Components#date-formatting-components
+
+
+
+For more information, take a look the `react-intl` documentation: https://github.com/yahoo/react-intl/wiki/Components
+
+## License
+
+MIT