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. TypeScript (TS, MTS, and .d.ts declaration files) gets a structure readout beside the source: the modules it imports (packages against local files, and which are type-only), the names it exports, what it declares - interfaces, type aliases, enums, classes, functions - a code/comment/blank line breakdown, and how often it steps around the type system with any, as casts, non-null assertions and @ts- suppressions. PowerShell (PS1, PSM1, PSD1) is read for its comment-based help synopsis, #Requires directives, function and parameter counts, CmdletBinding and Authenticode signing; batch/command scripts (BAT, CMD) for the echo state, labels, variables set and the external tools they invoke.
- 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.