Documentation improvement

Author: DivineOmega

README.md

@@ -1,7 +1,5 @@
 # Laravel API for React Dynamic Data Table
 
-*Work in progress*
-
 This package provides a Laravel API endpoint responder for the 
 [React Dynamic Data Table](https://github.com/langleyfoxall/react-dynamic-data-table) 
 component.
@@ -14,7 +12,11 @@ composer require langleyfoxall/react-dynamic-data-table-laravel-api
 
 ## Usage
 
-Example syntax:
+First, create a new route in your API routes file for the data table response, and point it to a controller.
+
+In this controller method, create a new `DataTableResponder` passing it the model you wish to return data about, and the provided instance of the `Request` object. You can optionally specify changes to the query (such as sorting, or filtering) using the `query` method. You can also change number of records shown per page with the `setPerPage` method.
+
+See the example usage below.
 
 ```php
 use App\User;
@@ -34,3 +36,27 @@ class UsersController extends Controller
     }
 }
 ```
+
+In your frontend code, you can now use the [React Dynamic Data Table](https://github.com/langleyfoxall/react-dynamic-data-table) package's `AjaxDynamicDataTable` component to display a table of this data. The API route previously defined should be passed to this component as the `apiUrl` prop.
+
+An example usage is shown below.
+
+```jsx
+import React, { Component } from 'react';
+import ReactDOM from 'react-dom';
+import AjaxDynamicDataTable from "@langleyfoxall/react-dynamic-data-table/dist/AjaxDynamicDataTable";
+
+export default class Example extends Component {
+    render() {
+        return (
+            <div className="container">
+                <AjaxDynamicDataTable apiUrl={'/api/users/data-table'}/>
+            </div>
+        );
+    }
+}
+
+if (document.getElementById('example')) {
+    ReactDOM.render(<Example />, document.getElementById('example'));
+}
+```