vim-jsx-pretty
ficusjs
vim-jsx-pretty | ficusjs | |
---|---|---|
8 | 4 | |
962 | 392 | |
- | 0.0% | |
0.0 | 1.2 | |
over 3 years ago | about 1 year ago | |
Vim Script | JavaScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
vim-jsx-pretty
-
LSP-Zero default config: TSX and JSX indentation is seriously busted.
Consider using dedicated jsx indent plugin like MaxMEllon/vim-jsx-pretty. Vim indent of jsx is by default broken. And ensure additional_vim_regex_highlighting = true in nvim-treesitter config.
-
Tabs still being inserted with nosmartindent
If its not working I'd prolly try jsx-pretty, disabling the syntax highlights from it.
- Anyone have multiple language syntax highlighting with treesitter working?
-
Incorrect indentation on JSX/TSX/React files
I’ve always had issues with treesitter indent, not just with JSX, but for almost every language, so I just straight turn it off. What I do is enable regex highlighting in the treesitter options and use something like https://github.com/MaxMEllon/vim-jsx-pretty for JSX files, I doesn’t override treesitter highlighting but it does provides indentation.
-
JSX React tab indenting issues
Yep, Treesitter indentation is really real experimental. I had the same problem in JSX when I used it. What I did is use this plugin for JSX files only: https://github.com/MaxMEllon/vim-jsx-pretty
-
Even though I have plugins installed, syntax-highlighting isn't working well for JSX and TSX files
maxmellon/vim-jsx-pretty
-
JSX for web components
Syntax highlighting and language support via the lit-html VSCode extension and vim-jsx-pretty plugin
-
Operations on React JSX code
https://github.com/MaxMEllon/vim-jsx-pretty/blob/6989f1663cc03d7da72b5ef1c03f87e6ddb70b41/after/ftplugin/jsx.vim#L11-L15
ficusjs
-
JSX for web components
By default, the FicusJS web component render function expects a DOM element for rendering. The pragma imported from the @ficusjs/renderers/jsx-dom library creates a DOM element for rendering in the component.
-
We Use Web Components at GitHub
- The web component concept is great. Especially for mixing server-side rendering and JavaScript-powered components.
That last one IMO is web components killer feature. I can now wrote a mini component and then I tugg it in with the other 99% of my page that is rendered server side.
It means, I'm able to serve my users quickly. I have SEO'd everything too. Cool!
-1: https://github.com/TimDaub/web3-sign-msg
- 2: https://docs.ficusjs.org/
-3: https://github.com/developit/htm
-
11ty and web components, an awesome combination
This post shows you how to get started using 11ty with FicusJS. FicusJS is a set of lightweight functions for developing applications using web components.
- FicusJS
What are some alternatives?
vim-jsx-improve - Syntax and indent plugin for React jsx.
open-wc - Open Web Components: guides, tools and libraries for developing web components.
htm - Hyperscript Tagged Markup: JSX alternative using standard tagged templates, with compiler support.
React - The library for web and native user interfaces.
yats.vim - Yet Another TypeScript Syntax: The most advanced TypeScript Syntax Highlighting in Vim
services-as-dom-elements
nvim-treesitter - Nvim Treesitter configurations and abstraction layer
web3-sign-msg - web3-sign-msg is a modern web component built with ficusjs to sign messages with your eth private key in Metamask
ficusjs-snowpack-starter - FicusJS Snowpack starter
vim-js - 💯The most accurate syntax highlighting plugin for JavaScript and Flow.js
ficusjs-renderers - Minified ES module renderers for FicusJS