Update README.md

Author: davesnx

README.md

@@ -1,7 +1,7 @@
 ## Babel plugin transform React qa classes
 [![Build Status](https://travis-ci.org/davesnx/babel-plugin-transform-react-qa-classes.svg?branch=master)](https://travis-ci.org/davesnx/babel-plugin-transform-react-qa-classes) [![js-standard-style](https://img.shields.io/badge/code%20style-standard-brightgreen.svg)](http://standardjs.com/) [![npm](https://img.shields.io/npm/dm/localeval.svg)](https://www.npmjs.com/package/babel-plugin-transform-react-qa-classes)
 
-This plugin adds the component name as a `data-qa` in each React Component.
+This babel plugin adds the component name as a `data-qa` in each React Component.
 
 <table>
   <tr>
@@ -38,18 +38,19 @@ class componentName extends Component {
   </tr>
 </table>
 
+> This plugin asumes that you are using [React](https://reactjs.org) and [Babel](https://babeljs.io) as a building tool to generate your bundle.
+
 ### Why?
 
-Basically the idea is to facilitate Automate Testing on Frontend Applications.
-Automate Frontend highly requires get the DOMElements and interact with them, adding `data-qa` attributes make it more easy.
+The idea is to facilitate Automate Testing on Frontend Applications. Automate Frontend highly requires to get the DOMElements and interact with them, adding `data-qa` attributes automatically to all the components will make it more easy, rather than do it by code, with this way you won't have this `data-qa` in production code.
 
-They would only need to get the element like that:
+On the testing site would need to get the element like that:
 
 ```js
 document.querySelectorAll('[data-qa="component"]')
 ```
 
-That depends on the Test suit, with [`PageObject`](https://github.com/cheezy/page-object) can work like that:
+That depends on the Test suit stack, for example with Ruby and [`PageObject`](https://github.com/cheezy/page-object) looks like that:
 
 ```ruby
 div(:component, data_qa: 'component')
@@ -74,13 +75,13 @@ npm install --save-dev babel-plugin-transform-react-qa-classes
 }
 ```
 
-> Note: Adding this plugin only on `DEV` mode (or `PREPROD`) allows not having this `data-qa` attributes on production.
+> Note: Adding this plugin only on `DEV` mode (or `PREPROD`) allows not having `data-qa` attributes on production.
 
-You can specify the format of the name that you want and the name of the attribute:
+You can specify the format of the name that you want and the name of the attribute, inside your `babelrc`:
 
 ```json
 {
-  "presets": ["es2015", "react"], // This asumes that you use those presets
+  "presets": ["es2015", "react"],
   "env": {
     "dev": {
       "plugins": ["transform-react-qa-classes", {
@@ -107,3 +108,19 @@ require('babel-core').transform(`code`, {
   plugins: ['transform-react-qa-classes']
 })
 ```
+
+#### Contributing
+PRs for additional features are welcome! There's still a few feature that are missing, for example each change of the state of the component is added as a `data-qa-state` into the DOM. Support for more libraries.
+
+I recommend checking this [handbook](https://github.com/jamiebuilds/babel-handbook) about how to write babel plugins in order to learn. 
+
+- Clone the repo: `git clone https://github.com/davesnx/babel-plugin-transform-react-qa-classes`
+- Fork it & set origin as this repo: `git remote set-url origin https://github.com/YOUR_USERNAME/babel-plugin-transform-react-qa-classes.git`
+- Create a branch: `git checkout -b BRANCH_NAME`
+- Do the code
+- Create a PR to this repo.
+
+There's a githook setted up when you push it runs the tests. 
+
+#### License
+MIT