vim-jsx-pretty VS ficusjs

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.

If its not working I'd prolly try jsx-pretty, disabling the syntax highlights from it.

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.

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

maxmellon/vim-jsx-pretty

Syntax highlighting and language support via the lit-html VSCode extension and vim-jsx-pretty plugin

https://github.com/MaxMEllon/vim-jsx-pretty/blob/6989f1663cc03d7da72b5ef1c03f87e6ddb70b41/after/ftplugin/jsx.vim#L11-L15

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.

- 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

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.