Does Anyone Have A Working Emacs Config For Indenting JSX Files On The Fly?

The only option I've been able to use is 'Prettier.js' which only works after saving a given .js file for a React component I would be working on. Does anyone have any Emacs configs that utilize something like aggressive-indent for JSX type syntax? I ask because I need some help with formatting web development projects with Emacs easily.

Are you using lsp-mode? If so, you can ask the server to format the buffer for you.

Back when I was working with JSX, I found rjsx-mode and aggressive-indent-mode to work just fine These days I rely exclusively on Prettier on save using typescript-mode together with tree-sitter's TSX syntax

What's the issue with formatting on save? If it's freezes, you should try apheleia

I've been building out [tsi.el](https://github.com/orzechowskid/tsi.el) \- an emacs minor mode which performs indentation based on a CST returned by tree-sitter. among other languages it should support JSX/TSX. please give it a try if you haven't already, and if you have tried it and it did not meet your needs then I'd love to hear why not!

u/flaviusmaximus7 How would you do that? Do you have an Emacs config that does this that you can share? u/MonsieurPi I want it to be indented in live-time without having to save. More or less how a real IDE would do, aka something like VS Code, etc. u/orzechod How do you install your package with 'use-package'? u/TheFrenchPoulp Can you please share your old Emacs config with this in mind?

> How do you install your package with 'use-package'? you can use the `:straight` option to pass the straight.el recipe to use-package.