Update readme

Author: matiasdelgado

README.md

@@ -1,65 +1,38 @@
-# uruit-react-snippets README
+# React Snippets for Visual Studio Code
 
-This is the README for your extension "uruit-react-snippets". After writing up a brief description, we recommend including the following sections.
+Extension for Visual Studio Code to add snippets for React in ECMA Script 6.
 
-## Features
+![Extension demo](./images/snippet-demo.gif)
 
-Describe specific features of your extension including screenshots of your extension in action. Image paths are relative to this README file.
+## Usage
+Type the snippet prefix and press enter.
 
-For example if there is an image subfolder under your extension project workspace:
+```javascript
+u-ci		// console.info
+u-ctor		// class constructor
+u-impt		// import module statement
+u-rfc		// functional component (stateless)
+u-rcc		// class component (statefull)
+u-it		// Jest test `it`
+u-desc		// Jest test `describe`
+u-suite		// Jest test suite (with imports)
+u-pt		// Generic PropType
+u-pts		// String PropType
+u-ptn		// Number PropType
+u-ptb		// Bool PropType
+u-ptf		// Func PropType
+u-actions	// Redux actions
+u-action	// Redux action
+```
 
-\!\[feature X\]\(images/feature-x.png\)
+## Installation
 
-> Tip: Many popular extensions utilize animations. This is an excellent way to show off your extension! We recommend short, focused animations that are easy to follow.
+Install through VS Code extensions. Search for UruIT React Snippets
 
-## Requirements
+[Visual Studio Code Market Place: UruIT React Snippets]()
 
-If you have any requirements or dependencies, add a section describing those and how to install and configure them.
+Can also be installed using
 
-## Extension Settings
-
-Include if your extension adds any VS Code settings through the `contributes.configuration` extension point.
-
-For example:
-
-This extension contributes the following settings:
-
-* `myExtension.enable`: enable/disable this extension
-* `myExtension.thing`: set to `blah` to do something
-
-## Known Issues
-
-Calling out known issues can help limit users opening duplicate issues against your extension.
-
-## Release Notes
-
-Users appreciate release notes as you update your extension.
-
-### 1.0.0
-
-Initial release of ...
-
-### 1.0.1
-
-Fixed issue #.
-
-### 1.1.0
-
-Added features X, Y, and Z.
-
------------------------------------------------------------------------------------------------------------
-
-## Working with Markdown
-
-**Note:** You can author your README using Visual Studio Code.  Here are some useful editor keyboard shortcuts:
-
-* Split the editor (`Cmd+\` on OSX or `Ctrl+\` on Windows and Linux)
-* Toggle preview (`Shift+CMD+V` on OSX or `Shift+Ctrl+V` on Windows and Linux)
-* Press `Ctrl+Space` (Windows, Linux) or `Cmd+Space` (OSX) to see a list of Markdown snippets
-
-### For more information
-
-* [Visual Studio Code's Markdown Support](http://code.visualstudio.com/docs/languages/markdown)
-* [Markdown Syntax Reference](https://help.github.com/articles/markdown-basics/)
-
-**Enjoy!**
+```bash
+ext install uruit-react-snippets
+```

images/snippet-demo.gif

@@ -30,14 +30,14 @@
 			"import PropTypes from 'prop-types';",
 			"import styles from './$1.scss';",
 			"",
-			"export default function $1({ prop }) {",
+			"export default function $1({ $2 }) {",
 			"\treturn (",
-			"\t\t$2",
+			"\t\t$0",
 			"\t);",
 			"}",
 			"",
 			"$1.propTypes = {",
-			"",
+			"\t$2: PropTypes.$3.isRequired",
 			"};"
 		],
 		"description": "Stateless component"
@@ -145,7 +145,8 @@
 			"export default function* watch$3() {",
 			"\tyield takeLatest($1, $4);",
 			"}"
-		]
+		],
+		"description": "Redux actions"
 	},
 	"Redux action": {
 		"prefix": "u-action",
@@ -154,6 +155,7 @@
 			"export const $2 = () => ({",
 			"\ttype: $1",
 			"});"
-		]
+		],
+		"description": "Redux action"
 	}
 }