A set of snippets for Vim to work with Facebook's React library.
A direct port of the awesome snippets from jgebhardt/sublime-react.
Requires vim-snipmate or Ultisnips.
Use your preferred Vim plugin installation method. I like Vundle, but other options like pathogen should work fine as well.
####SnipMate
If you're using Vundle, and you don't currently have SnipMate, you will need to
add the following to your .vimrc
(taken from the SnipMate README):
" vim-react-snippets:
Bundle "justinj/vim-react-snippets"
" SnipMate and its dependencies:
Bundle "MarcWeber/vim-addon-mw-utils"
Bundle "tomtom/tlib_vim"
Bundle "garbas/vim-snipmate"
" Other sets of snippets (optional):
Bundle "honza/vim-snippets"
####Ultisnips
If you prefer to use vim-react-snippets
with Ultisnips
, put this in your .vimrc
to install using Vundle
" vim-react-snippets:
Bundle "justinj/vim-react-snippets"
" Ultisnips
Bundle "SirVer/ultisnips"
" Other sets of snippets (optional):
Bundle "honza/vim-snippets"
Within any Javascript or JSX file, you should be able to do the following:
(in insert mode)
gdp<Tab>
expanding to
getDefaultProps: function() {
return {
};
},
And a bunch of others!
Check snippets/javascript.snippets
to see the full list.