Attempt for the react->angular process. Would like to get Kyle's feed…

…back on this and what improvements are needed.

Working on understanding the prop vs state differences.

www/components/itinerum_tutorial/Tutorial.jsx

@@ -7,13 +7,34 @@ class TutorialComponent extends React.Component {
         result: React.PropTypes.object,
         schema: React.PropTypes.object
     }
+    constructor(props) {
+      super(props);
+      this.state = {
+        schema: {
+          fname: this.props.fname,
+          lname: this.props.lname
+        }
+      };
+      this.handleChange = this.handleChange.bind(this);
+    }
+    handleChange(event) {
+      this.setState({
+        schema: {
+          fname: event.target.value,
+          lname: 'Ruzekowicz'
+        }
+      });
+    }
     render() {
         return(
                 <div className="content-wrapper">
                     <div>
                         First Name -> {this.props.schema.fname}
                         Last Name -> {this.props.schema.lname}
                     </div>
+                    <div>
+                    <input type="text" value={this.state.schema.fname} onChange={this.handleChange} />
+                    </div>
                     <div className="row">
                         {/* bootstrap grid as margin */}
                         <div className="col-xs-2" />