DEV Community

Discussion on: .JSX Extension

Collapse
 
kostasx profile image
Kostas Minaidis

One thing that makes the life of a React Developer easier when using the .jsx extension, is that it enables auto complete and Emmet Abbreviations with both JavaScript and HTML language, when used in an editor such as VSCode.

I always recommend using the .jsx extension when creating React Components, since it gives us the niceties of the JS/HTML code helpers in a Code Editor.

Example: try writing div in a .js file and div in a .jsx file.

You get nothing in the first case, but

auto completion with the Tab key in the latter.