JSX in Emacs
A few years ago, I regretted contributing JSX indentation support to Emacs 25. I wished I had not promoted a non-standard language extension for the trouble it would cause.
My outlook on language extensions has changed. Whether or not a committee from a standards organization agreed on the legitimacy of language features is irrelevant. Programming languages that serve all of society may stem from one man’s mind. Extensions may provide useful abstractions for specific domains, elevating their languages to higher levels; thus, there is greater parity between the syntax and the effect of code, which is a good thing.
So, rather than continue to admonish it, I recently set out to improve Emacs’ JSX support. My improvements will be shipping in the upcoming release of Emacs 27.
Indenting JSX in Emacs
The test suite for indentation has grown quite a lot, and my personal experience using the improved logic has been largely without issue.
JSX Syntax Highlighting in Emacs
Back when I was working on my first round of contributions, I was less concerned with syntax-based highlighting due to my excitement over the context-based variety. However, due to the complexity and performance implications of cutting-edge technology, and its merely marginal advantages over its predecessor, I’ve since drifted back to more traditional ways of reading code. This is probably for the good of all, as my code coloring concerns again align with those of 99.99% of programmers.
So, I added syntax highlighting for JSX, too.
Automatically Enabling JSX Support in Emacs
Users had to opt in to JSX, either by activating
js-jsx-mode, or by naming files with a “.jsx” extension. Unfortunately, this obfuscated the feature in the very common case where programmers used “.js” for their files; and what’s the point of having JSX support if people don’t know it’s there?
Trying It Out
To take my latest improvements for a spin, first check the homepage to see if Emacs 27 has been released yet.
As of this writing, there is at least a release candidate for Emacs 27 available. macOS users can install a DMG for it from Emacs For Mac OS X (scroll down to “Pretests”). GNU/Linux users can install a snapshot from a PPA or compile from source. The incantations for compiling will probably be similar to these:
sudo apt remove emacs sudo apt build-dep emacs git clone git://git.sv.gnu.org/emacs.git cd emacs git checkout emacs-27 ./autogen.sh ./configure make sudo make install
Note that the changes are provided by
js-mode. They won’t work with
js2-mode, for instance (at least until the following issues are resolved: #527, #528, #529, #530; volunteers welcome). If you were using
js2-mode, remove its entry from
I hope my updates work well for you! (If not, please submit a bug report to firstname.lastname@example.org.)