React Native+TS开发Redux相关文件应使用.tsx还是.js扩展名？

核心结论 #

Redux的action、reducer、store这类纯逻辑文件不需要使用.tsx扩展名，使用.ts扩展名即可；你已经使用TypeScript技术栈的场景下，也无需使用.js扩展名

扩展名使用规范 #

• .ts：仅包含纯TypeScript逻辑、无JSX语法的文件使用，适合所有工具函数、状态管理逻辑、类型定义等非组件代码
• .tsx：仅当文件内包含JSX语法（即React/React Native组件的模板代码，比如<View>、<Button>这类标签）时才需要使用，仅适用于组件文件
• .js：普通JavaScript文件，TypeScript技术栈下不需要使用这类扩展名

针对你提供的代码的说明 #

你贴出的store代码属于纯状态管理逻辑，没有任何JSX语法，直接将扩展名从.tsx改为.ts即可；reducer、action文件同理，只要没有编写组件逻辑，都用.ts后缀。

额外提示：不要给所有TS文件都统一加.tsx后缀，虽然TS编译器大多可以兼容识别，但不符合社区规范，还会让编译器额外做不必要的JSX语法校验，拖慢编译速度。

内容的提问来源于stack exchange，提问作者user16861088