Update GettingStarted.md

Author: Kuldeep Saxena

docs/GettingStarted.md

@@ -5,22 +5,6 @@ The basic implementation of reactive forms is super easy but it may be helpful t
 * [Form Array](api/FormArray.md)
 * [Form Control](api/FormControl.md)
 * [Form Builder](api/FormBuilder.md)
-## Overview
-There are two ways to connect your components to reactive-form.
-
-### By using `reactiveForm`
-You can use the [`reactiveForm`](api/ReactiveForm.md) method. It returns a higher order component 
-which regulary provides control(mapped) props to your component.
-```ts
-reactiveForm(ReactComponent: React.SFC|React.ComponentClass<any>, form: FormGroup|FormArray):React.ComponentClass<any>
-```
-
-### By using `Field` ( recommended )
-
-For better performance with large forms & [Form Array’s](api/FormArray.md) it’s highly recommended to use the [Field](api/Field.md) component instead of `reactiveForm` method.
-
-`Field` component subscribes a particular control & only update it when it’s or it’s parent’s state changes, which of course reduces the re-rendering and boost the performance significantly.
-
 
 ## Basic Usage Guide
 ### step 1: Create FormGroup or FormArray
@@ -58,100 +42,34 @@ const loginForm = new FormGroup({
 ```
 
 ### step2: Connect form with component
-
-### With `reactiveForm`
-
-Use the `reactiveForm` method to connect your form group or array to the Component in which you want to use input handlers.
-Now you'll start receiving the [mapped control props](api/Props.md) with input handlers.  
-
-In below given example `username.handler` is a function which binds the input element to the `username` control.
-
-```js
-import React, { Component } from 'react';
-import { FormBuilder, Validators, reactiveForm } from "./react-reactive-form";
-
-// Create the controls
-const loginForm = FormBuilder.group({
-  username: ['', Validators.required],
-  password: ['', Validators.required],
-  rememberMe: false
-});
-
-class Login extends Component {
-    handleReset=(e) => {
-        loginForm.reset();
-        e.preventDefault();
-    }
-    handleSubmit=(e) => {
-        console.log("Form values", loginForm.value);
-        e.preventDefault();
-    }
-    render() {
-        const { 
-            username, 
-            password, 
-            rememberMe 
-        } = this.props;
-        return (
-            <form onSubmit={this.handleSubmit}>
-                <div>
-                    <input {...username.handler()}/>
-                    <span>
-                        {username.touched 
-                        && username.hasError('required')
-                        && "Username is required"}
-                    </span>
-                </div>
-                <div>
-                    <input {...password.handler()}/>
-                    <span>
-                        {password.touched 
-                        && password.hasError('required') 
-                        && "Password is required"}
-                    </span>
-                </div>
-                <div>
-                    <input {...rememberMe.handler('checkbox')}/>
-                </div>
-                <button onClick={this.handleReset}>Reset</button>
-                <button type="submit">Submit</button>
-            </form>
-        );
-    }
-}
-// React HOC to connect form with component.
-export default reactiveForm(Login, loginForm);
-
-```
-
-### With `Field`
-[Field](api/Field.md) subscribes the component to a particular control's state changes which improves the performance by restricting the re-rendering of other fields.  
+[Field](api/Field.md) component subscribes a particular control & only update it when it’s or it’s parent’s state changes, which improves the performance by restricting the unnecessary re-rendering of other fields.  
 
 ```js
 import React, { Component } from 'react';
 import { FormBuilder, Validators, Field } from "react-reactive-form";
-import { AbstractControl } from "react-reactive-form";
-
-// Create the controls
-const loginForm = FormBuilder.group({
-  username: ["", Validators.required],
-  password: ["", Validators.required],
-  rememberMe: false
-});
 
 export default class Login extends Component {
+    constructor(props) {
+      super(props);
+      // Create the controls
+      this.loginForm = FormBuilder.group({
+        username: ["", Validators.required],
+        password: ["", Validators.required],
+        rememberMe: false
+      });
+    }
     handleReset=(e) => {
-        loginForm.reset();
+        this.loginForm.reset();
         e.preventDefault();
     }
     handleSubmit=(e) => {
-        console.log("Form values", loginForm.value);
+        console.log("Form values", this.loginForm.value);
         e.preventDefault();
     }
     render() {
         return (
               <Field
-                control={loginForm}
+                control={this.loginForm}
                 render={({ get, invalid }) => (
                   <form onSubmit={this.handleSubmit}>
                     <Field