TypeScript vs JSX [closed]

Question

I'm somewhat familiar with TypeScript and have recently been made aware of JSX. They both seem to be similar to me. I looked at the comparison to JSX on this website and they compared it to Dart and some other technologies but not to TypeScript.

TypeScript and JSX appear to both compile to JavaScript and provide static typing and classes, but they seem to be complementary and not competitors according to a few places on the web such as TypeScript and JSX.

I'm trying to make this not too open ended, so can someone tell me what features TypeScript offers that JSX doesn't and vice versa?

Answer 1

The original answer is insufficient and not up to date with the current standards.

JSX is NOT a language. It's NOTHING BUT Javascript but with a different extension. Facebook came up with this new extension so that they can demarcate the XML-like implementation of HTML in JavaScript. In early versions of React, this extension was mandatory for writing HTML inside JavaScript. However, this restriction was removed a few years ago which basically meant that there is no difference at all in JS and JSX. (Using only .js extension is the standard norm nowadays BTW)

Coming to TypeScript, it is a SUPERSET of JavaScript which adds extra functionalities to plain JavaScript making the applications more robust. Watch this video for better understanding of TypeScript: https://channel9.msdn.com/posts/Anders-Hejlsberg-Introducing-TypeScript

To conclude, JSX = JS, typescript is a superset of Javascript, and there is no comparison between JSX and TypeScript.

Answer 2

I will try to give you a brief answer. In my experience, something great about TSX is that it will avoid some errors immediately, it has static typing, it is easy to maintain and you can use OPP (Yes, similar to Java). JSX is very similar to JS, you don't have to define the type of data (dynamically typed), a lot of freedom and easy to understand.