Drop any file to identify it
No upload. No signup. No sending your file halfway across the internet.
We tell you what it is, right here in your browser.
Drop it!
Let go to identify this file.
Couldn't identify this file
Need to convert it? fwip it →
You're looking at a .tsx file — TypeScript with JSX. It combines React's component syntax with TypeScript's type system, and it's become the standard way to build React applications in professional settings. If a React project was started after 2020, it's probably TSX.
TSX gives you everything JSX offers (writing HTML-like syntax in your code) plus compile-time type checking. Your IDE can tell you that you passed a number where a string was expected, that a required prop is missing, or that a function returns the wrong type — before you run the code. This catches bugs that would otherwise surface at runtime as cryptic error messages or silent failures.
VS Code provides first-class TSX support — it's built on TypeScript, so the integration is seamless. Any text editor can open the file since it's plain text. TSX needs compilation (TypeScript compiler, esbuild, or Vite) before browsers can run it. For new React projects, `npm create vite@latest myapp -- --template react-ts` sets up a TSX project with modern tooling in about ten seconds.