DEV Community

How I set up my emacs for TypeScript + React

Laura Viglioni on October 11, 2020

What exactly is my point here? I recently knew typescript and with it, some joy and some tears. For a very long time, I've been working ...

Read full post

David Alberto Serrano Garcia • Dec 9 '20 • Edited

Hi,
Taking for reference your video, at the second 00:10 you import map and when you accept the auto-complete and it automatically add the import on the top.
in vscode and neovim on both I manage to do that, but i don't know what i'm doing wrong to not making work that feature in spacemacs.
What tool or configuration make possible to achieve that?
It's a Typescript React environment
Thanks a lot

Lucas Mafra • Dec 11 '20

Hi David, import-js is what you're looking for github.com/Galooshi/emacs-import-j...

Laura Viglioni • Jan 16 '21

I had problems with import-js, that's why I removed from this text. Tide should be enough for auto importing 🤔

Laura Viglioni • Jan 16 '21

I'm sorry for the delay if I'm not mistaken the company package does that.

If it helps those are my configs about js/ts:

github.com/Viglioni/spacemacs/blob...
github.com/Viglioni/spacemacs/blob...
github.com/Viglioni/spacemacs/blob...

Loïc Lemaître • Dec 7 '23

Starting Emacs 29.1, there is the built-in tsx-ts-mode major mode for editing Typescript + JSX. You could also be interested by jtsx package that extends tsx-ts-mode (and js-ts-mode too) to provide some handy additional functionalities.

Emmanuel Antico • Mar 3 '21

why not lsp though? I'm confused about the fact that the major-mode shown is web, instead of React (which is a layer too). you can force that mode doing M-x and then rjsx-mode.