Update README.md

Author: JakeSidSmith

README.md

@@ -19,13 +19,13 @@ __[Demo](http://jakesidsmith.github.io/react-reorder/)__
 ## Installation
 
 * Using npm
-  ```
+  ```shell
   npm install react-reorder
   ```
     Add `--save` or `-S` to update your package.json
 
 * Using bower
-  ```
+  ```shell
   bower install react-reorder
   ```
     Add `--save` or `-S` to update your bower.json
@@ -61,90 +61,91 @@ __[Demo](http://jakesidsmith.github.io/react-reorder/)__
 
   1. Using JSX
 
-    ```javascript
-    <Reorder
-      // The key of each object in your list to use as the element key
-      itemKey='name'
-      // Lock horizontal to have a vertical list
-      lock='horizontal'
-      // The milliseconds to hold an item for before dragging begins
-      holdTime='500'
-      // The list to display
-      list={[
-        {name: 'Item 1'},
-        {name: 'Item 2'},
-        {name: 'Item 3'}
-      ]}
-      // A template to display for each list item
-      template={ListItem}
-      // Function that is called once a reorder has been performed
-      callback={this.callback}
-      // Class to be applied to the outer list element
-      listClass='my-list'
-      // Class to be applied to each list item's wrapper element
-      itemClass='list-item'
-      // A function to be called if a list item is clicked (before hold time is up)
-      itemClicked={this.itemClicked}
-      // The item to be selected (adds 'selected' class)
-      selected={this.state.selected}
-      // The key to compare from the selected item object with each item object
-      selectedKey='uuid'
-      // Allows reordering to be disabled
-      disableReorder={false}/>
-    ```
+      ```javascript
+      <Reorder
+        // The key of each object in your list to use as the element key
+        itemKey='name'
+        // Lock horizontal to have a vertical list
+        lock='horizontal'
+        // The milliseconds to hold an item for before dragging begins
+        holdTime='500'
+        // The list to display
+        list={[
+          {name: 'Item 1'},
+          {name: 'Item 2'},
+          {name: 'Item 3'}
+        ]}
+        // A template to display for each list item
+        template={ListItem}
+        // Function that is called once a reorder has been performed
+        callback={this.callback}
+        // Class to be applied to the outer list element
+        listClass='my-list'
+        // Class to be applied to each list item's wrapper element
+        itemClass='list-item'
+        // A function to be called if a list item is clicked (before hold time is up)
+        itemClicked={this.itemClicked}
+        // The item to be selected (adds 'selected' class)
+        selected={this.state.selected}
+        // The key to compare from the selected item object with each item object
+        selectedKey='uuid'
+        // Allows reordering to be disabled
+        disableReorder={false}
+      />
+      ```
 
   2. Using standard Javascript
 
-    ```javascript
-    React.createElement(Reorder, {
-      // The key of each object in your list to use as the element key
-      itemKey: 'name',
-      // Lock horizontal to have a vertical list
-      lock: 'horizontal',
-      // The milliseconds to hold an item for before dragging begins
-      holdTime: '500',
-      // The list to display
-      list: [
-        {name: 'Item 1'},
-        {name: 'Item 2'},
-        {name: 'Item 3'}
-      ],
-      // A template to display for each list item
-      template: ListItem,
-      // Function that is called once a reorder has been performed
-      callback: this.callback,
-      // Class to be applied to the outer list element
-      listClass: 'my-list',
-      // Class to be applied to each list item's wrapper element
-      itemClass: 'list-item',
-      // A function to be called if a list item is clicked (before hold time is up)
-      itemClicked: this.itemClicked,
-      // The item to be selected (adds 'selected' class)
-      selected: this.state.selected,
-      // The key to compare from the selected item object with each item object
-      selectedKey: 'uuid',
-      // Allows reordering to be disabled
-      disableReorder: false
-    })
-    ```
+      ```javascript
+      React.createElement(Reorder, {
+        // The key of each object in your list to use as the element key
+        itemKey: 'name',
+        // Lock horizontal to have a vertical list
+        lock: 'horizontal',
+        // The milliseconds to hold an item for before dragging begins
+        holdTime: '500',
+        // The list to display
+        list: [
+          {name: 'Item 1'},
+          {name: 'Item 2'},
+          {name: 'Item 3'}
+        ],
+        // A template to display for each list item
+        template: ListItem,
+        // Function that is called once a reorder has been performed
+        callback: this.callback,
+        // Class to be applied to the outer list element
+        listClass: 'my-list',
+        // Class to be applied to each list item's wrapper element
+        itemClass: 'list-item',
+        // A function to be called if a list item is clicked (before hold time is up)
+        itemClicked: this.itemClicked,
+        // The item to be selected (adds 'selected' class)
+        selected: this.state.selected,
+        // The key to compare from the selected item object with each item object
+        selectedKey: 'uuid',
+        // Allows reordering to be disabled
+        disableReorder: false
+      })
+      ```
 
 5. Callback functions
 
   1. The `callback` function that is called once a reorder has been performed
 
-    ```javascript
-    function callback(event, itemThatHasBeenMoved, itemsPreviousIndex, itemsNewIndex, reorderedArray) {
-      // ...
-    }
-    ```
+      ```javascript
+      function callback(event, itemThatHasBeenMoved, itemsPreviousIndex, itemsNewIndex, reorderedArray) {
+        // ...
+      }
+      ```
 
   2. The `itemClicked` function that is called when an item is clicked before any dragging begins
 
-    ```javascript
-    function itemClicked(event, itemThatHasBeenClicked, itemsIndex) {
-      // ...
-    }
-    ```
+      ```javascript
+      function itemClicked(event, itemThatHasBeenClicked, itemsIndex) {
+        // ...
+      }
+      ```
 
     **Note: `event` will be the synthetic React event for either `mouseup` or `touchend`, and both contain `clientX` & `clientY` values (for ease of use)**