/vim-jsx-utils

Plugin with some utilities (like extract partial render, rename tag, select self close tags) to folks who work with JSX on Vim.

Primary LanguageVimLMIT LicenseMIT

#vim-jsx-utils Plugin with some utilities to folks who work with JSX on Vim.

⚠️ This plugin only expose a set of functions. You need create your own mappings to this, like:

nnoremap <leader>ja :call JSXEncloseReturn()<CR>
nnoremap <leader>ji :call JSXEachAttributeInLine()<CR>
nnoremap <leader>je :call JSXExtractPartialPrompt()<CR>
nnoremap <leader>jc :call JSXChangeTagPrompt()<CR>
nnoremap vat :call JSXSelectTag()<CR>

⚠️ All functions must be invoked on the first component line.

##Installation You can install this plugin with Pathogen, Vundle and other plugin loaders.

##Functions

###JSXSelectTag Select the whole tag, like vat, but with a little improvement to select self-closing tags.

###JSXEncloseReturn Put the current tag on a return statement with parenthesis.

###JSXEachAttributeInLine Put each tag attribute's on its own line to better readability.

You can set a global to align the closing bracket with the line containing the opening tag:

let g:jsx_utils_each_line_mode='line-aligned'

###JSXExtractPartialPrompt :warning: Only ES6 classes

Extract some tag on its own method on a ES6 class.

###JSXChangeTagPrompt

Change the tag name

Samuel Simões ~ @samuelsimoes ~ Blog