Need help with vim-react-snippets?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

justinj
129 Stars 52 Forks Apache License 2.0 27 Commits 3 Opened issues

Description

Vim version of the snippets from jgebhardt/sublime-react

Services available

!
?

Need anything else?

Contributors list

No Data

vim-react-snippets

A set of snippets for Vim to work with Facebook's React library. This fork change the snippet syntax to ES6. Remove semicolon and comma. I also remove snippets related to react-classset as it is deprecated now.

Require UltiSnips. I only update the

UltiSnips
version. Pull requests for vim-snipmate version are welcome.

Installation

Use your preferred Vim plugin installation method. For me, I like vim-plug. If you also using

vim-plug
, put the following into your
.vimrc
.
Plug 'SirVer/ultisnips'

" Currently, es6 version of snippets is available in es6 branch only Plug 'letientai299/vim-react-snippets', { 'branch': 'es6' }

Plug 'honza/vim-snippets' "optional

Usage

Within any Javascript or JSX file, you should be able to do the following:

(in insert mode)

gdp

expanding to

getDefaultProps() {
    return {

};

},

Another example:

rcx

Expanding to

class ClassName extends React.Component {
  render(){
    return (

)

} }

And a bunch of others!

Check

./UltiSnips/javascript.snippets
to see the full list.

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.