黑白 React Typescript、React JavaScript 和 React Native 的区别？

Question

我对 React JavaScript 、 React Typescript 和 React Native 感到困惑。

我只知道我们将 React Native 用于移动应用程序，将 React（Javascript、Typescript） 用于 Web 应用程序。

有人能准确区分它们吗？那些使用哪个父库/框架？

像 Angular 一样，我们可以在其中制作 components , services （ React JavaScript、React Typescript 和 React Native ）。

当我们简单地说 React 时，它是什么意思（ Native、Typescript 或 Javascript ）？

原文由 Wasim 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

React 是一个用于构建 UI 的库/框架。您构造各种组件来描述您希望页面的外观，然后反应句柄找出更改的内容并对页面进行更新。如果有人在没有任何其他上下文的情况下只是说“反应”，这可能就是他们的意思。

React Native 使用与 React 相同的核心功能，但是一旦它确定了需要进行的更改，它就不会更新 dom（即网页），而是更新 android 或 ios 的原生组件。因此，React native 让您可以使用 React 开发人员熟悉的语法和工具编写原生手机应用程序。

Javascript 与打字稿是完全不同的轴心。 Javascript 是网页使用的主要编程语言。 Typescript 是 javascript 的超集，它允许您将类型信息添加到您的代码中。这让您可以更快地找到代码中的错误，因为您的 IDE 和构建过程可以检查类型以查看您是否犯了错误。您可以使用您喜欢的任何一种（我更喜欢打字稿）编写网页（包括反应网页）。

原文由 Nicholas Tower 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

在深入了解 React JS 和 React TS 之间的区别之前，您必须了解 React TS 项目（实际上是任何 TS 项目）是如何工作的。

TypeScript 不是一种在网络上本地运行的语言。您添加到代码库中的类型在浏览器上没有任何意义。当您构建代码时，您的 TypeScript 代码会被 转换 为 JavaScript。所以如果你查看捆绑的代码，你找不到 React JS 和 React TS 之间的任何区别，它们捆绑了相同的 JavaScript 代码。

顺便说一句，让我们谈谈 React Native 和 React。就其本身而言，React 是一个使用组件 以声明方式 构建应用程序的框架。当人们在构建 Web 应用程序时提到 React 时，他们通常只说 React，但他们应该说 React 和 React-DOM，因为 React-DOM 是实际呈现给浏览器的库。

您可以将 React 视为 React 生态系统的基础。 React-DOM 是建立在 React 之上的库，用于在 Web 上呈现您的应用程序。 React Native 是在移动应用程序甚至更多应用程序上呈现您的应用程序的库（MacOS、Windows、Apple TV 等也可能是 React Native 的编译目标）。我建议你阅读 React Native 文档来了解更多关于它是如何做到这一点的。我个人曾使用 Expo Managed Workflow 开发跨平台移动应用程序。

做 React JS 和 React TS 的区别在于你写的语言。您编写 JavaScript 或 TypeScript，但最终捆绑包始终是 JavaScript（注意：Deno 不同，它本机运行 TypeScript， 请查看）。

编写 Javascript 和 Typescript 的区别仅在于开发人员的体验。当您编写 Typescript 时，您将获得静态类型检查和令人难以置信的自动完成功能。我总是写 Typescript，因为它会在我有机会运行我的代码之前发现我犯的大多数错误。这样做的缺点是，当我使用没有类型的库时，我必须自己处理（自己编写类型或使用其他东西）。

原文由 Mehmet Efe Akça 发布，翻译遵循 CC BY-SA 4.0 许可协议