ctrl+shift+p filters: :st2 :st3 :win :osx :linux
Browse

Babel Snippets

by babel ALL

Next generation JavaScript and React snippets for Sublime

Details

Installs

  • Total 149K
  • Win 65K
  • Mac 61K
  • Linux 23K
Apr 1 Mar 31 Mar 30 Mar 29 Mar 28 Mar 27 Mar 26 Mar 25 Mar 24 Mar 23 Mar 22 Mar 21 Mar 20 Mar 19 Mar 18 Mar 17 Mar 16 Mar 15 Mar 14 Mar 13 Mar 12 Mar 11 Mar 10 Mar 9 Mar 8 Mar 7 Mar 6 Mar 5 Mar 4 Mar 3 Mar 2 Mar 1 Feb 29 Feb 28 Feb 27 Feb 26 Feb 25 Feb 24 Feb 23 Feb 22 Feb 21 Feb 20 Feb 19 Feb 18 Feb 17 Feb 16
Windows 30 48 51 35 38 44 51 52 39 43 39 36 38 30 46 33 40 31 27 35 42 37 35 49 19 28 31 32 53 43 40 28 35 45 32 35 40 35 30 24 38 50 43 41 45 25
Mac 8 28 19 31 18 20 19 21 28 17 22 15 15 32 24 23 14 20 11 22 21 21 21 26 6 17 21 23 26 33 25 19 14 18 29 15 30 37 10 15 16 33 16 27 25 11
Linux 5 22 13 19 15 11 21 17 9 11 15 9 11 15 15 22 8 4 10 10 12 10 11 18 14 12 10 18 16 15 13 5 12 16 18 13 15 18 14 11 14 19 28 18 13 9

Readme

Source
raw.​githubusercontent.​com

babel-sublime-snippets

Sublime snippets for React in ES5 and ES6 flavors.

Installation

Find it as Babel Snippets through Package Control.

Using the “React: wrap in a component” snippet

First, select a block of JSX. Then, from the Command Palette select “React: wrap in a component”. Or, you can set up a key binding.

To set a key binding, go to “Preferences: Key Bindings - User” from the Command Palette and add an entry like this:

{
  "keys": ["ctrl+shift+,"],
  "command": "insert_snippet",
  "args": {
    "name": "Packages/Babel Snippets/react_wrap.sublime-snippet"
  }
}

Available snippets

React

Trigger Content
rcc→ class component skeleton
rcc→ legacy component skeleton
cdm→ componentDidMount() {…}
cdup→ componentDidUpdate(prevProps, prevState) {…}
cwm→ componentWillMount() {…}
cwr→ componentWillReceiveProps(nextProps) {…}
cwun→ componentWillUnmount() {…}
cwup→ componentWillUpdate(nextProps, nextState) {…}
fdn→ React.findDOMNode(…)
gdp→ getDefaultProps() {…}
gis→ getInitialState() {…}
ren→ render() {…}
sst→ this.setState(…)
scu→ shouldComponentUpdate(nextProps, nextState) {…}
props→ this.props
state→ this.state
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

Notes

  • Unsupported React API snippets: displayName, forceUpdate, getDOMNode (use React.findDOMNode), ismounted, mixins, replaceProps, replaceState, setProps, statics.

Snippet(ing)

Read Extending Sublime Text » Snippets.