ES6-ify Text Basics

Summary: Closes #8363

Differential Revision: D3477431

Pulled By: caabernathy

fbshipit-source-id: 86ee5efb84e50609fbfae82102b1dc61fea69f05

Author: JoelMarcey

docs/Basics-Component-Text.md

@@ -12,40 +12,42 @@ The most basic component in React Native is the [`Text`](/react-native/docs/text
 This example displays the `string` `"Hello World!"` on the device.
 
 ```ReactNativeWebPlayer
-import React from 'react';
+import React, { Component } from 'react';
 import { AppRegistry, Text } from 'react-native';
 
-const AwesomeProject = () => {
-  return (
-    <Text style={{marginTop: 22}}>Hello World!</Text>
-  );
+class TextBasics extends Component {
+  render() {
+    return (
+      <Text style={{marginTop: 22}}>Hello World!</Text>
+    );
+  }
 }
 
 // App registration and rendering
-AppRegistry.registerComponent('AwesomeProject', () => AwesomeProject);
+AppRegistry.registerComponent('AwesomeProject', () => TextBasics);
 ```
 
 In this slightly more advanced example we will display the `string` `"Hello World"` retrieved from this.state on the device and stored in the `text` variable. The value of the `text` variable is rendered by using `{text}`.
 
 ```ReactNativeWebPlayer
-import React from 'react';
+import React, {Component} from 'react';
 import { AppRegistry, Text } from 'react-native';
 
-var AwesomeProject = React.createClass({
-  getInitialState: function() {
-    return {text: "Hello World"};
-  },
-  render: function() {
+class TextBasicsWithState extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {text: "Hello World"};
+  }
+  render() {
     var text = this.state.text;
     return (
         <Text style={{marginTop: 22}}>
             {text}
         </Text>
-    );
+    )
   }
-});
+}
 
 // App registration and rendering
-AppRegistry.registerComponent('AwesomeProject', () => AwesomeProject);
-
+AppRegistry.registerComponent('AwesomeProject', () => TextBasicsWithState);
 ```