facebookarchive · yangsu · Aug 4, 2015 · Aug 4, 2015 · Aug 4, 2015 · Aug 4, 2015
diff --git a/README.md b/README.md
@@ -1,6 +1,6 @@
 # sublime-react
 
-Snippets for ReactJS. This package used to provide JSX syntax highlighting and has been DEPRECATED in favor of [babel/babel-sublime](https://github.com/babel/babel-sublime).
+Snippets for ReactJS. This package used to provide JSX syntax highlighting and has been DEPRECATED in favor of babel/babel-sublime.
 
 ![alt tag](https://raw.github.com/jgebhardt/sublime-react/master/docs/img/sr-rcc-out.gif)
 
@@ -39,6 +39,8 @@ Snippets are available for both JSX and CJSX ([React CoffeeScript](https://githu
 
      cs→  var cx = React.addons.classSet;
 
+    ctx→  this.context.
+
     cwm→  componentWillMount: fn() { ... }
 
     cwr→  componentWillReceiveProps: fn(np) { ... }
@@ -63,6 +65,34 @@ Snippets are available for both JSX and CJSX ([React CoffeeScript](https://githu
 
      pt→  propTypes { ... }
 
+    pta→  PropTypes.arrayOf
+
+   ptai→  PropTypes.arrayOf (Instances)
+
+    ptb→  PropTypes.bool
+
+    pte→  PropTypes.element
+
+    ptf→  PropTypes.func
+
+    pti→  PropTypes.instanceOf
+
+    ptn→  PropTypes.number
+
+    ptn→  PropTypes.node
+
+    pto→  PropTypes.object
+
+   ptof→  PropTypes.oneOf (Enum)
+
+   ptof→  PropTypes.objectOf
+
+  ptoft→  PropTypes.oneOfType (Union)
+
+    pts→  PropTypes.string
+
+   ptsp→  PropTypes.shape
+
     rcc→  component skeleton
 
    refs→  this.refs.

diff --git a/snippets/coffee/propTypes.arrayInstanceOf.sublime-snippet b/snippets/coffee/propTypes.arrayInstanceOf.sublime-snippet
@@ -0,0 +1,8 @@
+<snippet>
+    <content><![CDATA[
+${1}: React.PropTypes.arrayOf(React.PropTypes.instanceOf(${2:Class}))${3:.isRequired}$0
+]]></content>
+    <tabTrigger>ptai</tabTrigger>
+    <scope>source.coffee</scope>
+    <description>React: PropTypes.arrayOf (Instances)</description>
+</snippet>
diff --git a/snippets/coffee/propTypes.arrayOf.sublime-snippet b/snippets/coffee/propTypes.arrayOf.sublime-snippet
@@ -0,0 +1,8 @@
+<snippet>
+    <content><![CDATA[
+${1}: React.PropTypes.arrayOf(${2:propType})${3:.isRequired}$0
+]]></content>
+    <tabTrigger>pta</tabTrigger>
+    <scope>source.coffee</scope>
+    <description>React: PropTypes.arrayOf</description>
+</snippet>
diff --git a/snippets/coffee/propTypes.bool.sublime-snippet b/snippets/coffee/propTypes.bool.sublime-snippet
@@ -0,0 +1,8 @@
+<snippet>
+    <content><![CDATA[
+${1}: React.PropTypes.bool${2:.isRequired}$0
+]]></content>
+    <tabTrigger>ptb</tabTrigger>
+    <scope>source.coffee</scope>
+    <description>React: PropTypes.bool</description>
+</snippet>
diff --git a/snippets/coffee/propTypes.element.sublime-snippet b/snippets/coffee/propTypes.element.sublime-snippet
@@ -0,0 +1,8 @@
+<snippet>
+    <content><![CDATA[
+${1}: React.PropTypes.element${2:.isRequired}$0
+]]></content>
+    <tabTrigger>pte</tabTrigger>
+    <scope>source.coffee</scope>
+    <description>React: PropTypes.element</description>
+</snippet>
diff --git a/snippets/coffee/propTypes.func.sublime-snippet b/snippets/coffee/propTypes.func.sublime-snippet
@@ -0,0 +1,8 @@
+<snippet>
+    <content><![CDATA[
+${1}: React.PropTypes.func${2:.isRequired}$0
+]]></content>
+    <tabTrigger>ptf</tabTrigger>
+    <scope>source.coffee</scope>
+    <description>React: PropTypes.func</description>
+</snippet>
diff --git a/snippets/coffee/propTypes.instanceOf.sublime-snippet b/snippets/coffee/propTypes.instanceOf.sublime-snippet
@@ -0,0 +1,8 @@
+<snippet>
+    <content><![CDATA[
+${1}: React.PropTypes.instanceOf(${2:Class})${3:.isRequired}$0
+]]></content>
+    <tabTrigger>pti</tabTrigger>
+    <scope>source.coffee</scope>
+    <description>React: PropTypes.instanceOf</description>
+</snippet>
diff --git a/snippets/coffee/propTypes.node.sublime-snippet b/snippets/coffee/propTypes.node.sublime-snippet
@@ -0,0 +1,8 @@
+<snippet>
+    <content><![CDATA[
+${1}: React.PropTypes.node${2:.isRequired}$0
+]]></content>
+    <tabTrigger>ptn</tabTrigger>
+    <scope>source.coffee</scope>
+    <description>React: PropTypes.node</description>
+</snippet>
diff --git a/snippets/coffee/propTypes.number.sublime-snippet b/snippets/coffee/propTypes.number.sublime-snippet
@@ -0,0 +1,8 @@
+<snippet>
+    <content><![CDATA[
+${1}: React.PropTypes.number${2:.isRequired}$0
+]]></content>
+    <tabTrigger>ptn</tabTrigger>
+    <scope>source.coffee</scope>
+    <description>React: PropTypes.number</description>
+</snippet>
diff --git a/snippets/coffee/propTypes.object.sublime-snippet b/snippets/coffee/propTypes.object.sublime-snippet
@@ -0,0 +1,8 @@
+<snippet>
+    <content><![CDATA[
+${1}: React.PropTypes.object${2:.isRequired}$0
+]]></content>
+    <tabTrigger>pto</tabTrigger>
+    <scope>source.coffee</scope>
+    <description>React: PropTypes.object</description>
+</snippet>
diff --git a/snippets/coffee/propTypes.objectOf.sublime-snippet b/snippets/coffee/propTypes.objectOf.sublime-snippet
@@ -0,0 +1,8 @@
+<snippet>
+    <content><![CDATA[
+${1}: React.PropTypes.objectOf(${2:type})${3:.isRequired}$0
+]]></content>
+    <tabTrigger>ptof</tabTrigger>
+    <scope>source.coffee</scope>
+    <description>React: PropTypes.objectOf</description>
+</snippet>
diff --git a/snippets/coffee/propTypes.oneOf.sublime-snippet b/snippets/coffee/propTypes.oneOf.sublime-snippet
@@ -0,0 +1,8 @@
+<snippet>
+    <content><![CDATA[
+${1}: React.PropTypes.oneOf([${2:value}, ${3:value}])${4:.isRequired}$0
+]]></content>
+    <tabTrigger>ptof</tabTrigger>
+    <scope>source.coffee</scope>
+    <description>React: PropTypes.oneOf (Enum)</description>
+</snippet>
diff --git a/snippets/coffee/propTypes.oneOfType.sublime-snippet b/snippets/coffee/propTypes.oneOfType.sublime-snippet
@@ -0,0 +1,8 @@
+<snippet>
+    <content><![CDATA[
+${1}: React.PropTypes.oneOfType([${2:value}, ${3:value}])${4:.isRequired}$0
+]]></content>
+    <tabTrigger>ptoft</tabTrigger>
+    <scope>source.coffee</scope>
+    <description>React: PropTypes.oneOfType (Union)</description>
+</snippet>
diff --git a/snippets/coffee/propTypes.shape.sublime-snippet b/snippets/coffee/propTypes.shape.sublime-snippet
@@ -0,0 +1,10 @@
+<snippet>
+    <content><![CDATA[
+${1}: React.PropTypes.shape({
+  $0
+})
+]]></content>
+    <tabTrigger>ptsp</tabTrigger>
+    <scope>source.coffee</scope>
+    <description>React: PropTypes.shape</description>
+</snippet>
diff --git a/snippets/coffee/propTypes.string.sublime-snippet b/snippets/coffee/propTypes.string.sublime-snippet
@@ -0,0 +1,8 @@
+<snippet>
+    <content><![CDATA[
+${1}: React.PropTypes.string${2:.isRequired}$0
+]]></content>
+    <tabTrigger>pts</tabTrigger>
+    <scope>source.coffee</scope>
+    <description>React: PropTypes.string</description>
+</snippet>
diff --git a/snippets/js/componentDidMount.sublime-snippet b/snippets/js/componentDidMount.sublime-snippet
@@ -1,6 +1,6 @@
 <snippet>
     <content><![CDATA[
-componentDidMount: function() {
+componentDidMount() {
 	${1}
 },
 ]]></content>

diff --git a/snippets/js/componentDidUpdate.sublime-snippet b/snippets/js/componentDidUpdate.sublime-snippet
@@ -1,10 +1,10 @@
 <snippet>
     <content><![CDATA[
-componentDidUpdate: function(prevProps, prevState) {
+componentDidUpdate(prevProps, prevState) {
 	${1}
 },
 ]]></content>
     <tabTrigger>cdup</tabTrigger>
     <scope>source.js</scope>
     <description>React: componentDidUpdate: fn(pp, ps) { ... }</description>
-</snippet>
+</snippet>
diff --git a/snippets/js/componentWillMount.sublime-snippet b/snippets/js/componentWillMount.sublime-snippet
@@ -1,6 +1,6 @@
 <snippet>
     <content><![CDATA[
-componentWillMount: function() {
+componentWillMount() {
 	${1}
 },
 ]]></content>

diff --git a/snippets/js/componentWillReceiveProps.sublime-snippet b/snippets/js/componentWillReceiveProps.sublime-snippet
@@ -1,6 +1,6 @@
 <snippet>
     <content><![CDATA[
-componentWillReceiveProps: function(nextProps) {
+componentWillReceiveProps(nextProps) {
 	${1}
 },
 ]]></content>

diff --git a/snippets/js/componentWillUnmount.sublime-snippet b/snippets/js/componentWillUnmount.sublime-snippet
@@ -1,10 +1,10 @@
 <snippet>
     <content><![CDATA[
-componentWillUnmount: function() {
+componentWillUnmount() {
 	${1}
 },
 ]]></content>
     <tabTrigger>cwun</tabTrigger>
     <scope>source.js</scope>
     <description>React: componentWillUnmount: fn() { ... }</description>
-</snippet>
+</snippet>
diff --git a/snippets/js/componentWillUpdate.sublime-snippet b/snippets/js/componentWillUpdate.sublime-snippet
@@ -1,10 +1,10 @@
 <snippet>
     <content><![CDATA[
-componentWillUpdate: function(nextProps, nextState) {
+componentWillUpdate(nextProps, nextState) {
 	${1}
 },
 ]]></content>
     <tabTrigger>cwu</tabTrigger>
     <scope>source.js</scope>
     <description>React: componentWillUpdate: fn(np, ns) { ... }</description>
-</snippet>
+</snippet>
diff --git a/snippets/js/getDefaultProps.sublime-snippet b/snippets/js/getDefaultProps.sublime-snippet
@@ -1,6 +1,6 @@
 <snippet>
     <content><![CDATA[
-getDefaultProps: function() {
+getDefaultProps() {
 	return {
 		${1}
 	};

diff --git a/snippets/js/getInitialState.sublime-snippet b/snippets/js/getInitialState.sublime-snippet
@@ -1,6 +1,6 @@
 <snippet>
     <content><![CDATA[
-getInitialState: function() {
+getInitialState() {
 	return {
 		${1}: ${2}
 	};

diff --git a/snippets/js/propTypes.arrayInstanceOf.sublime-snippet b/snippets/js/propTypes.arrayInstanceOf.sublime-snippet
@@ -0,0 +1,8 @@
+<snippet>
+    <content><![CDATA[
+${1}: React.PropTypes.arrayOf(React.PropTypes.instanceOf(${2:Class}))${3:.isRequired}$0
+]]></content>
+    <tabTrigger>ptai</tabTrigger>
+    <scope>source.js</scope>
+    <description>React: PropTypes.arrayOf (Instances)</description>
+</snippet>
diff --git a/snippets/js/propTypes.arrayOf.sublime-snippet b/snippets/js/propTypes.arrayOf.sublime-snippet
@@ -0,0 +1,8 @@
+<snippet>
+    <content><![CDATA[
+${1}: React.PropTypes.arrayOf(${2:propType})${3:.isRequired}$0
+]]></content>
+    <tabTrigger>pta</tabTrigger>
+    <scope>source.js</scope>
+    <description>React: PropTypes.arrayOf</description>
+</snippet>
diff --git a/snippets/js/propTypes.bool.sublime-snippet b/snippets/js/propTypes.bool.sublime-snippet
@@ -0,0 +1,8 @@
+<snippet>
+    <content><![CDATA[
+${1}: React.PropTypes.bool${2:.isRequired}$0
+]]></content>
+    <tabTrigger>ptb</tabTrigger>
+    <scope>source.js</scope>
+    <description>React: PropTypes.bool</description>
+</snippet>
diff --git a/snippets/js/propTypes.element.sublime-snippet b/snippets/js/propTypes.element.sublime-snippet
@@ -0,0 +1,8 @@
+<snippet>
+    <content><![CDATA[
+${1}: React.PropTypes.element${2:.isRequired}$0
+]]></content>
+    <tabTrigger>pte</tabTrigger>
+    <scope>source.js</scope>
+    <description>React: PropTypes.element</description>
+</snippet>
diff --git a/snippets/js/propTypes.func.sublime-snippet b/snippets/js/propTypes.func.sublime-snippet
@@ -0,0 +1,8 @@
+<snippet>
+    <content><![CDATA[
+${1}: React.PropTypes.func${2:.isRequired}$0
+]]></content>
+    <tabTrigger>ptf</tabTrigger>
+    <scope>source.js</scope>
+    <description>React: PropTypes.func</description>
+</snippet>
diff --git a/snippets/js/propTypes.instanceOf.sublime-snippet b/snippets/js/propTypes.instanceOf.sublime-snippet
@@ -0,0 +1,8 @@
+<snippet>
+    <content><![CDATA[
+${1}: React.PropTypes.instanceOf(${2:Class})${3:.isRequired}$0
+]]></content>
+    <tabTrigger>pti</tabTrigger>
+    <scope>source.js</scope>
+    <description>React: PropTypes.instanceOf</description>
+</snippet>
diff --git a/snippets/js/propTypes.node.sublime-snippet b/snippets/js/propTypes.node.sublime-snippet
@@ -0,0 +1,8 @@
+<snippet>
+    <content><![CDATA[
+${1}: React.PropTypes.node${2:.isRequired}$0
+]]></content>
+    <tabTrigger>ptn</tabTrigger>
+    <scope>source.js</scope>
+    <description>React: PropTypes.node</description>
+</snippet>
diff --git a/snippets/js/propTypes.number.sublime-snippet b/snippets/js/propTypes.number.sublime-snippet
@@ -0,0 +1,8 @@
+<snippet>
+    <content><![CDATA[
+${1}: React.PropTypes.number${2:.isRequired}$0
+]]></content>
+    <tabTrigger>ptn</tabTrigger>
+    <scope>source.js</scope>
+    <description>React: PropTypes.number</description>
+</snippet>
diff --git a/snippets/js/propTypes.object.sublime-snippet b/snippets/js/propTypes.object.sublime-snippet
@@ -0,0 +1,8 @@
+<snippet>
+    <content><![CDATA[
+${1}: React.PropTypes.object${2:.isRequired}$0
+]]></content>
+    <tabTrigger>pto</tabTrigger>
+    <scope>source.js</scope>
+    <description>React: PropTypes.object</description>
+</snippet>
diff --git a/snippets/js/propTypes.objectOf.sublime-snippet b/snippets/js/propTypes.objectOf.sublime-snippet
@@ -0,0 +1,8 @@
+<snippet>
+    <content><![CDATA[
+${1}: React.PropTypes.objectOf(${2:type})${3:.isRequired}$0
+]]></content>
+    <tabTrigger>ptof</tabTrigger>
+    <scope>source.js</scope>
+    <description>React: PropTypes.objectOf</description>
+</snippet>
diff --git a/snippets/js/propTypes.oneOf.sublime-snippet b/snippets/js/propTypes.oneOf.sublime-snippet
@@ -0,0 +1,8 @@
+<snippet>
+    <content><![CDATA[
+${1}: React.PropTypes.oneOf([${2:value}, ${3:value}])${4:.isRequired}$0
+]]></content>
+    <tabTrigger>ptof</tabTrigger>
+    <scope>source.js</scope>
+    <description>React: PropTypes.oneOf (Enum)</description>
+</snippet>
diff --git a/snippets/js/propTypes.oneOfType.sublime-snippet b/snippets/js/propTypes.oneOfType.sublime-snippet
@@ -0,0 +1,8 @@
+<snippet>
+    <content><![CDATA[
+${1}: React.PropTypes.oneOfType([${2:value}, ${3:value}])${4:.isRequired}$0
+]]></content>
+    <tabTrigger>ptoft</tabTrigger>
+    <scope>source.js</scope>
+    <description>React: PropTypes.oneOfType (Union)</description>
+</snippet>
diff --git a/snippets/js/propTypes.shape.sublime-snippet b/snippets/js/propTypes.shape.sublime-snippet
@@ -0,0 +1,10 @@
+<snippet>
+    <content><![CDATA[
+${1}: React.PropTypes.shape({
+  $0
+})
+]]></content>
+    <tabTrigger>ptsp</tabTrigger>
+    <scope>source.js</scope>
+    <description>React: PropTypes.shape</description>
+</snippet>
diff --git a/snippets/js/propTypes.string.sublime-snippet b/snippets/js/propTypes.string.sublime-snippet
@@ -0,0 +1,8 @@
+<snippet>
+    <content><![CDATA[
+${1}: React.PropTypes.string${2:.isRequired}$0
+]]></content>
+    <tabTrigger>pts</tabTrigger>
+    <scope>source.js</scope>
+    <description>React: PropTypes.string</description>
+</snippet>