All Projects → neoclide → Vim Jsx Improve

neoclide / Vim Jsx Improve

Licence: mit
Syntax and indent plugin for React jsx.

Labels

Projects that are alternatives of or similar to Vim Jsx Improve

Preact Render Spy
Render preact components with access to the produced virtual dom for testing.
Stars: ✭ 178 (-29.08%)
Mutual labels:  jsx
Addon Jsx
This Storybook addon show you the JSX / template of the story
Stars: ✭ 209 (-16.73%)
Mutual labels:  jsx
Vim Jsx Typescript
React JSX syntax highlighting for vim and Typescript
Stars: ✭ 229 (-8.76%)
Mutual labels:  jsx
Tagalong.vim
Change an HTML(ish) opening tag and take the closing one along as well
Stars: ✭ 184 (-26.69%)
Mutual labels:  jsx
Crank
Write JSX-driven components with functions, promises and generators.
Stars: ✭ 2,487 (+890.84%)
Mutual labels:  jsx
Htmr
Simple and lightweight (< 2kB) HTML string to React element conversion library
Stars: ✭ 214 (-14.74%)
Mutual labels:  jsx
React Component Echarts
React component echarts. 组件式百度图表。
Stars: ✭ 175 (-30.28%)
Mutual labels:  jsx
React Native demo
react-native实现网易新闻和美团,实现大部分页面。使用最新的react-navigation等组件,同时支持安卓和iOS设备。
Stars: ✭ 237 (-5.58%)
Mutual labels:  jsx
Eslint Plugin Jsx A11y
Static AST checker for a11y rules on JSX elements.
Stars: ✭ 2,609 (+939.44%)
Mutual labels:  jsx
Webapp
The react-based community network for amFOSS members
Stars: ✭ 226 (-9.96%)
Mutual labels:  jsx
Fre
👻 Tiny Footprint Concurrent UI library for Fiber.
Stars: ✭ 3,195 (+1172.91%)
Mutual labels:  jsx
Jsxobj
Build JSON using JSX 🌈 (may contain blood magic)
Stars: ✭ 200 (-20.32%)
Mutual labels:  jsx
React Sigma
Lightweight React library for drawing network graphs built on top of SigmaJS
Stars: ✭ 217 (-13.55%)
Mutual labels:  jsx
Transform
A polyglot web converter.
Stars: ✭ 2,842 (+1032.27%)
Mutual labels:  jsx
Electron React Webpack
Electron + React 16 + Webpack 4 template with ES6, JSX and hot reloading.
Stars: ✭ 231 (-7.97%)
Mutual labels:  jsx
React Scanner
Extract React components and props usage from code.
Stars: ✭ 176 (-29.88%)
Mutual labels:  jsx
Xdm
a modern MDX compiler. No runtime. With esbuild, Rollup, and webpack plugins
Stars: ✭ 206 (-17.93%)
Mutual labels:  jsx
Ng Vdom
(Developer Preview) A virtual-DOM extension for Angular, also work as React bridge.
Stars: ✭ 249 (-0.8%)
Mutual labels:  jsx
Gccx
Transforms CPX (JSX like syntax) into asm-dom Virtual DOM
Stars: ✭ 234 (-6.77%)
Mutual labels:  jsx
Canner
⚡️[NOT MAINTAINED] Content Management Framework creates custom CMS fast and easy. Support data sources such as Firebase/Firestore, GraphQL and Restful APIs.
Stars: ✭ 2,472 (+884.86%)
Mutual labels:  jsx

vim-jsx-improve

Makes your javascript files support React jsx correctly.

Javascript syntax from pangloss/vim-javascript

Jsx highlight and indent code changed from MaxMEllon/vim-jsx-pretty

  • Fixed syntax highlighting and indentation for React jsx files.
  • Works well with xml.vim

This plugin have no dependency, all the code you need for jsx and javascript is included.

Note: you need to disable vim-javascript plugin if have installed, I have to change some highlight group to make it works with jsx.

Installation

Use pathogen or vundle is recommended. Vundle:

Plugin 'chemzqm/vim-jsx-improve'

This plugin support javascriptreact filetype which is introduced on newer version of vim8 and neovim.

Use let g:jsx_improve_javascriptreact = 0 to disable javascriptreact support.

Quick jump to function braces

You can use [[ ]] [] ][ to quick jump to { } position of functions, set g:jsx_improve_motion_disable to 1 to disable it.

New Syntax group

this is a new syntax group .if you want highlight it ,your colorscheme should add jsxEndComponentName color.

name place
jsxEndComponentName </Capitals>
__~~~~~~~~_

GIF

2016-12-10 01_27_59

The colorscheme is gruvbox

The keystroke visualizer is keycastr

Feed back welcome

Feel free to open a ticket if your have problem with this plugin.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].