React和TypeScript是两个很棒的技术，如今被很多开发者所使用。知道它们的原理会变得棘手，有时很难找到正确的答案。不用担心。我们将最佳实践与示例结合起来，以澄清您可能存在的任何疑问。
React和TypeScript是如何一起工作的
在我们开始之前，让我们重新回顾一下React和TypeScript是如何一起工作的。React是一个JavaScript类库，是用来建立用户界面的。而TypeScript是一个JavaScript的“类型化超集”，可编译为纯JavaScript。通过一起使用它们两个，我们便可以基本上使用JavaScript的类型化版本构建ui。
将它们结合使用的原因可能是为了获得UI的静态类型语言（TypeScript）的好处。这意味着更安全和更少的错误运送到前端。
TypeScript会编译我的React代码吗？
一个通常值得回顾的问题是TypeScript是否编译了您的React代码。TypeScript的工作方式与此交互类似：
TS: “嘿，这是你全部的UI代码吗？”
React: “是的!”
TS: “很好! 我将会编译它，并且确保你不会丢失任何东西.”
React: “听上去不错”
所以答案是是的，它确实会！但是接下来，当我们讨论tsconfig.json的设置，绝大多数时候你将会想要使用“noEmit”:ture。这句代码的意思是TypeScript将不会在编译之后将JavaScript给发射出。这是因为通常，我们只是利用TypeScript来进行类型检查。
输出通过react脚本在CRA设置中通过react-script处理。我们运行yarn build和react-scripts捆绑输出以进行生产。
总而言之，TypeScript编译React代码以检查代码的类型。它不会发出任何JavaScript输出（在大多数情况下）。输出仍然类似于非TypeScript项目。
TypeScript能和React和webpack工作吗？
是的，TypeScript能够和React和webpack一起工作。幸运的是，webpack文档有一个关于这个的指引。
希望这能给你一个温和的提神，让你了解两者是如何协同工作的。现在，进入最佳实践！
参考：https://www.sitepoint.com/react-with-typescript-best-practices/
使用 TypeScript + React + Redux 进行项目开发（入门篇，附源码）:https://blog.csdn.net/zgd826237710/article/details/88343310
TypeScript React Starter: https://zhuanlan.zhihu.com/p/27847933