4 ms·

JSX is a different language

benatkin 7y ago
JavaScript with JSX is a single language. The tags are a syntax extension. JSX is a very non-leaky abstraction. The tags are just function calls. https://reactjs.org/docs/introducing-jsx.html#jsx-represents-objects https://reactjs.org/docs/introducing-jsx.html#jsx-represents...
- royjacobs 7y ago
  I don't buy that argument. On the one hand you claim there's no leaky abstraction, yet your argument only works if "Javascript with JSX is a single language". Then "C++ with inline assembler" is also a single language? What about English with quotes in Japanese?
  - kaoD 7y ago
    JSX is syntactic sugar for JS[0]. C++ and ASM (actually, _which_ ASM?) are different languages. [0] https://fettblog.eu/jsx-syntactic-sugar/ https://fettblog.eu/jsx-syntactic-sugar/
    - royjacobs 7y ago
      Since JS is the only thing you can actually use[1] in a browser you can argue that anything that runs in the browser is syntactic sugar (and in fact, Typescript is syntactic sugar). A less flippant analogy might be macro support in Rust. It's clearly part of Rust, but the syntax is completely different and it requires IDEs to have completely separate processing just to handle it. I wouldn't consider that to be mere syntactic sugar either. [1] Yes, yes, wasm
      - kaoD 7y ago
        JS and JSX are isomorphic (in the mathematical sense) hence why JSX is considered just syntactic sugar. JS and TS aren't isomorphic (there's no inverse morphism once you go TS->JS that can bring the resulting JS back to the original TS) hence why TS is a different language (even if a superset of and compiled to JS).
        lostjohnny 7y ago
        > JS and JSX are isomorphic They are not Or, if they are, they are in the same way of a custom XML templating language that can be translated to a specific javascript library implementation and then back to XML In the same way, is Mustache isomorphic? "{{title}} spends {{calc}}" can be translated to `${title} spends ${calc}` and back to "{{title}} spends {{calc}}"
        deleted 7y ago
        [deleted]

JavaScript with JSX is a single language. The tags are a syntax extension. JSX is a very non-leaky abstraction. The tags are just function calls. https://reactjs.org/docs/introducing-jsx.html#jsx-represents-objects https://reactjs.org/docs/introducing-jsx.html#jsx-represents...

royjacobs 7y ago
I don't buy that argument. On the one hand you claim there's no leaky abstraction, yet your argument only works if "Javascript with JSX is a single language". Then "C++ with inline assembler" is also a single language? What about English with quotes in Japanese?
- kaoD 7y ago
  JSX is syntactic sugar for JS[0]. C++ and ASM (actually, _which_ ASM?) are different languages. [0] https://fettblog.eu/jsx-syntactic-sugar/ https://fettblog.eu/jsx-syntactic-sugar/
  - royjacobs 7y ago
    Since JS is the only thing you can actually use[1] in a browser you can argue that anything that runs in the browser is syntactic sugar (and in fact, Typescript is syntactic sugar). A less flippant analogy might be macro support in Rust. It's clearly part of Rust, but the syntax is completely different and it requires IDEs to have completely separate processing just to handle it. I wouldn't consider that to be mere syntactic sugar either. [1] Yes, yes, wasm
    - kaoD 7y ago
      JS and JSX are isomorphic (in the mathematical sense) hence why JSX is considered just syntactic sugar. JS and TS aren't isomorphic (there's no inverse morphism once you go TS->JS that can bring the resulting JS back to the original TS) hence why TS is a different language (even if a superset of and compiled to JS).
      - lostjohnny 7y ago
        > JS and JSX are isomorphic They are not Or, if they are, they are in the same way of a custom XML templating language that can be translated to a specific javascript library implementation and then back to XML In the same way, is Mustache isomorphic? "{{title}} spends {{calc}}" can be translated to `${title} spends ${calc}` and back to "{{title}} spends {{calc}}"
        deleted 7y ago
        [deleted]