.TSX File Extension
React TypeScript File
Developer | Microsoft |
Popularity |
4.0 | 26 Votes |
What is a TSX file?
More Information
JSX, also known as JavaScript XML, is an extension to the JavaScript programming language. Developers use JSX syntax when developing user interfaces and other application components using React, an open source JavaScript library developed and maintained by Facebook.
Developers working in the TypeScript programming language, which is a variant of JavaScript, can use JSX syntax within their development projects. When they do, they save their in-progress JSX-laden code as TSX files, before eventually transforming those files into .JSX (React JavaScript) or .JS (JavaScript) files.
How to open a TSX file
Because TSX files are plain text files, you can open them in any text editor. However, TSX files are meant to be opened and edited in source code editors, such as Microsoft Visual Studio (Windows) or Github Atom (cross-platform). Source code editors provide helpful editing tools and, with the TypeScript package installed, highlight TypeScript and JSX syntax correctly.
Programs that open TSX files
Tiled Tileset
Developer | Thorbjørn Lindeijer |
Popularity |
1.5 | 2 Votes |
A TSX file may also be a tileset created for use with Tiled, a 2D video game level editor. It contains XML data used to load a source image (typically a .PNG file) and divide that image into tiles. After loading a TSX file, Tiled users can place the tiles it describes on a Tiled level map (.TMX file).
More Information
Tiled allows video game developers to create and export 2D level maps, for use in game development projects. Each map consists of a set of placed terrain tiles, selected from one or more TSX files.
To create a TSX file, developers select New → New Tileset... from Tiled's menu bar. They then import an image that will comprise their tileset (typically, a rectangular image consisting of several terrain features) and specify the area of each tile (by default, 32 x 32 pixels). Tiled then maps the developer's tile size settings to the image they imported, creating a tileset.
However, TSX files do not contain a copy of the image a Tiled user imported to create that tileset. Instead, they contain a reference to the location at which the imported image is stored. Thus, if you move the image a TSX file references, Tiled will not be able to load that tileset.
How to open a TSX file
You can open a TSX file with Tiled, to load and edit the tileset it describes. To do so, select File → Open File or Project.... Then, navigate to and open your TSX file.
To add a TSX file to the list of available tilesets while creating a Tiled map (.TMX file), select Map → Add External Tileset.... Then, navigate to and open your TSX file.
If necessary, you can also open a TSX file with Microsoft Visual Studio Code or any other text editor, to view the XML-formatted text it contains.