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, plus Windows scripts - PowerShell (PS1, PSM1, PSD1), reading their comment-based help synopsis, #Requires directives, function and parameter counts, CmdletBinding and Authenticode signing; and batch/command scripts (BAT, CMD), reading the echo state, labels, variables set and the external tools they invoke - all alongside the source.
- 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.