What is a .TSX file?
TSX is a TypeScript source file containing JSX/React markup.
- Did you know
- It combines TypeScript, released by Microsoft in 2012, with React’s JSX syntax.
- The “TSX” name simply marks a TypeScript file that also contains JSX, the HTML-like markup React uses to describe interface elements.
- TypeScript, the basis of TSX, was created by Anders Hejlsberg, who also designed C#, Delphi and Turbo Pascal.
- TypeScript is a strict superset of JavaScript, so any valid JavaScript is already valid TypeScript, easing migration of existing code.
- A build tool transpiles TSX down to plain JavaScript, because browsers themselves understand neither the type annotations nor the JSX markup.
- What Analyser shows you
- Preview and inspect HTML, CSS, JavaScript, TypeScript, JSON, YAML, XML, and Markdown source files.
- Open a .TSX file
- Drag a .TSX file onto the Analyser home page (or tap to pick one). It opens entirely in your browser - nothing is uploaded, there is no account, and it works offline once installed.