- Goto Tools > New Plugin...
- Paste the snippets
- Remember to save it with
.sublime-snippet
extension
Last active
April 4, 2016 07:10
-
-
Save elrumordelaluz/38e30342f752a1d750645577c588722f to your computer and use it in GitHub Desktop.
React ST3 snippets
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<snippet> | |
<content><![CDATA[ | |
this.${1:method} = this.${1:method}.bind(this); | |
]]></content> | |
<tabTrigger>bind</tabTrigger> | |
<scope>source.js</scope> | |
</snippet> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<snippet> | |
<content><![CDATA[ | |
import React, { Component } from 'react'; | |
class ${1:MyComponent} extends Component { | |
constructor (props) { | |
super(props); | |
} | |
render () { | |
return ( | |
<div>Hello!</div> | |
); | |
} | |
} | |
export default ${1:MyComponent}; | |
]]></content> | |
<tabTrigger>Component-stateful</tabTrigger> | |
<scope>source.js</scope> | |
</snippet> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<snippet> | |
<content><![CDATA[ | |
import React from 'react'; | |
const ${1:MyComponent} = (props) => { | |
return ( | |
$SELECTION | |
<div>Hello!</div> | |
); | |
} | |
export default ${1:MyComponent}; | |
]]></content> | |
<tabTrigger>Component-stateless</tabTrigger> | |
<scope>source.js</scope> | |
</snippet> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment