[TypeScript] Differences between .ts & .tsx

When we code with a typescript, we can see 2 extensions of it.

---

CASE .tsx

In this case, it means for files that contain JSX

 

TSX file is a TypeScript(.ts) file witten using JSX syntax.

It contains code that is most likely part of a single-page or mobile application

We usually open this in source code editors like VSCode

---

CASE .ts

In this case, it means for pure TypeScript files

.ts files have differences with .js

If you want to know about it,

 

Click Here to find out.

[배경지식] JavaScript? TypeScript? 이 둘의 차이는 무엇일까?

---

End

 

 

References

https://stackoverflow.com/questions/56871384/what-is-the-difference-between-ts-and-tsx-extensions-both-are-used-as-extensi

What is the difference between .ts and .tsx extensions. Both are used as extensions for typescript files in react. So where shou

https://www.typescriptlang.org/docs/handbook/jsx.html

Documentation - JSX

https://fileinfo.com/extension/tsx#:~:text=A%20TSX%20file%20is%20a,opened%20in%20source%20code%20editors.

TSX File Extension - What is a .tsx file and how do I open it?