Is there any downside to using .tsx instead of .ts all the times in typescript?

在TypeScript中，.tsx扩展名是专门用于支持JSX语法的文件，这通常用于React项目中。使用.tsx扩展名而不是.ts主要的缺点是以下几点：

1. 性能问题：当你不需要使用JSX语法时，依然使用.tsx可能会导致编译器无谓的解析JSX，这可能会轻微增加编译时间。

2. 项目清晰性：在项目中混用.tsx和.ts可以帮助开发者快速识别哪些文件是涉及UI的React组件，哪些是纯TypeScript代码。如果全部使用.tsx，这种区分就不明显了，可能会使得项目结构和文件的意图不够清晰。

3. 工具和环境支持：虽然大多数现代开发环境和工具都支持.tsx，但在某些情况下，特定的工具或旧版本的编辑器可能对.tsx支持不如对.ts那样成熟。这可能导致语法高亮、代码提示等功能出现问题。

4. 学习曲线：对于新加入项目的开发者，如果项目中所有的文件都是.tsx，即使很多中并不包含JSX，这可能会增加他们的学习曲线，因为他们需要理解为什么非组件代码也使用了.tsx扩展名。

总结来说，虽然在技术上可以在不使用JSX的情况下使用.tsx扩展名，但为了保持代码的清晰性、最优的工具支持和编译性能，建议只在确实包含JSX的React组件中使用.tsx，其他纯TypeScript代码使用.ts扩展名。这样做可以帮助提高项目的可维护性和降低新成员的入门难度。