{"id":14981992,"url":"https://github.com/neoclide/vim-jsx-improve","last_synced_at":"2025-04-07T14:12:56.256Z","repository":{"id":37821696,"uuid":"75715367","full_name":"neoclide/vim-jsx-improve","owner":"neoclide","description":"Syntax and indent plugin for React jsx.","archived":false,"fork":false,"pushed_at":"2022-02-28T18:28:46.000Z","size":87,"stargazers_count":284,"open_issues_count":3,"forks_count":23,"subscribers_count":8,"default_branch":"master","last_synced_at":"2025-03-31T12:06:51.557Z","etag":null,"topics":["jsx","vim"],"latest_commit_sha":null,"homepage":"","language":"Vim script","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/neoclide.png","metadata":{"files":{"readme":"Readme.md","changelog":"CHANGES.markdown","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2016-12-06T09:22:35.000Z","updated_at":"2025-03-01T16:20:55.000Z","dependencies_parsed_at":"2022-08-19T11:21:24.985Z","dependency_job_id":null,"html_url":"https://github.com/neoclide/vim-jsx-improve","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/neoclide%2Fvim-jsx-improve","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/neoclide%2Fvim-jsx-improve/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/neoclide%2Fvim-jsx-improve/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/neoclide%2Fvim-jsx-improve/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/neoclide","download_url":"https://codeload.github.com/neoclide/vim-jsx-improve/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247666014,"owners_count":20975788,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["jsx","vim"],"created_at":"2024-09-24T14:04:37.262Z","updated_at":"2025-04-07T14:12:56.229Z","avatar_url":"https://github.com/neoclide.png","language":"Vim script","funding_links":[],"categories":[],"sub_categories":[],"readme":"# vim-jsx-improve\n\n[![](http://img.shields.io/github/issues/neoclide/vim-jsx-improve.svg)](https://github.com/neoclide/vim-jsx-improve/issues)\n[![](http://img.shields.io/badge/license-MIT-blue.svg)](LICENSE)\n\nMakes your javascript files support React jsx correctly.\n\nJavascript syntax from [pangloss/vim-javascript](https://github.com/pangloss/vim-javascript)\n\nJsx highlight and indent code changed from [MaxMEllon/vim-jsx-pretty](https://github.com/MaxMEllon/vim-jsx-pretty)\n\n- Fixed syntax highlighting and indentation for React jsx files.\n- Works well with xml.vim\n\nThis plugin have no dependency, all the code you need for jsx and javascript is\nincluded.\n\n**Note:** you need to disable **vim-javascript** plugin if have installed, I have to\nchange some highlight group to make it works with jsx.\n\n### Installation\n\nUse pathogen or vundle is recommended. Vundle:\n\n    Plugin 'neoclide/vim-jsx-improve'\n\nThis plugin support `javascriptreact` filetype which is introduced on newer\nversion of vim8 and neovim.\n\nUse `let g:jsx_improve_javascriptreact = 0` to disable javascriptreact support.\n\n### Quick jump to function braces\n\nYou can use `[[` `]]` `[]` `][` to quick jump to `{` `}` position of functions, set `g:jsx_improve_motion_disable` to `1` to disable it.\n### New Syntax group\nthis is a new syntax group .if you want highlight it ,your colorscheme should  add `jsxEndComponentName` color.\n\n|name|place|\n|---|---|\n|jsxEndComponentName| `\u003c/Capitals\u003e`\u003cbr /\u003e`__~~~~~~~~_` |\n### GIF\n\n![2016-12-10 01_27_59](https://cloud.githubusercontent.com/assets/251450/21058283/26d3b946-be78-11e6-8b1e-78e146ec3496.gif)\n\nThe colorscheme is [gruvbox](https://github.com/morhetz/gruvbox)\n\nThe keystroke visualizer is [keycastr](https://github.com/sdeken/keycastr)\n\n### Feed back welcome\n\nFeel free to open a ticket if your have problem with this plugin.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fneoclide%2Fvim-jsx-improve","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fneoclide%2Fvim-jsx-improve","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fneoclide%2Fvim-jsx-improve/lists"}