Update docs

Add GetStarded.md and update README.md and CustomStyles.md

Author: Raphael Freitas

README.md

@@ -16,13 +16,19 @@ A React Native render for [Draft.js](http://draftjs.org/) model.
 
 Join the [#react-native-render](https://draftjs.slack.com/messages/react_native_render) channel on DraftJS Slack team.
 
+## Documentation
+
+* [Get Started](https://github.com/globocom/react-native-draftjs-render/blob/master/docs/GetStarted.md)
+* [Custom Styles](https://github.com/globocom/react-native-draftjs-render/blob/master/docs/CustomStyles.md)
+* Atomic Types (to do).
+
 ## Getting Started
 Install **React Native Draft.js Render** on your React Native project, using NPM or Yarn:
 
 ```sh
-npm i -S react-native-draftjs-render
-# or...
 yarn add react-native-draftjs-render
+# or...
+npm i -S react-native-draftjs-render
 ```
 
 ### Using
@@ -31,6 +37,7 @@ Just import and insert your Draft.js model on getRNDraftJSBlocks:
 ```js
 import React from 'react';
 import {
+  ScrollView,
   AppRegistry,
 } from 'react-native';
 
@@ -40,7 +47,7 @@ import contentState from 'DraftJs/contentState';
 const MyApp = () => {
   const blocks = getRNDraftJSBlocks({ contentState });
   return (
-    <View style={{ flex: 1 }}>{blocks}</View>
+    <ScrollView style={{ flex: 1 }}>{blocks}</ScrollView>
   );
 };
 

docs/CustomStyles.md

@@ -4,6 +4,7 @@ RNDraftJSRender comes with default styles, but you can use your own with the `cu
 ```js
 import React from 'react';
 import {
+  ScrollView,
   AppRegistry,
   StyleSheet,
 } from 'react-native';
@@ -28,7 +29,7 @@ const styles = StyleSheet.flatten({ // Use .flatten over .create
 const MyApp = () => {
   const blocks = getRNDraftJSBlocks({ contentState, customStyles: styles });
   return (
-    <View style={{ flex: 1 }}>{blocks}</View>
+    <ScrollView style={{ flex: 1 }}>{blocks}</ScrollView>
   );
 };
 

docs/GetStarted.md

@@ -0,0 +1,49 @@
+# Get Started
+
+First, install **React Native Draft.js Render** on your React Native project, using NPM or Yarn:
+
+```sh
+yarn add react-native-draftjs-render
+# or...
+npm i -S react-native-draftjs-render
+```
+
+## How to Use
+
+Just import and insert your Draft.js model on RNDraftJSRender:
+
+```js
+import React from 'react';
+import {
+  ScrollView,
+  AppRegistry,
+} from 'react-native';
+
+import getRNDraftJSBlocks from 'react-native-draftjs-render';
+import contentState from 'DraftJs/contentState';
+
+const MyApp = () => {
+  const blocks = getRNDraftJSBlocks({ contentState });
+  return (
+    <ScrollView style={{ flex: 1 }}>{blocks}</ScrollView>
+  );
+};
+
+AppRegistry.registerComponent('MyApp', () => MyApp);
+```
+
+* `contentState`: the Draft.js model with `blocks` and `entityMap` nodes.
+```js
+// Flow type for contentState
+type contentState: {
+  blocks: Array<Object>,
+  entityMap: Object,
+};
+```
+
+See our [`sample`](https://github.com/globocom/react-native-draftjs-render/tree/master/sample) folder for more details.
+
+## Next
+
+1. **[Custom Styles](https://github.com/globocom/react-native-draftjs-render/blob/master/docs/CustomStyles.md)**.
+2. Atomic Types (To do).