为什么使用 Django 和 React 需要这么多额外的包？答案

【问题标题】：Why using Django and React requires so much extra packages?为什么使用 Django 和 React 需要这么多额外的包？
【发布时间】：2022-01-18 19:10:27
【问题描述】：

我一直在学习一个教程 (https://www.youtube.com/watch?v=GieYIzvdt2U)，你必须在其中使用 Babel、Webpack 和 Redux，这些都非常复杂。为什么我们不能使用“djangorestframework”作为我的 API 并使用该 API 从 React 使用 JS 获取信息。使用所有这些软件包我能获得什么，或者我不能简单地使用我的建议？

【问题讨论】：

使用 DRF 作为 API 和前端框架的专用服务器也是一种有效的方法。我建议阅读这个系列，它解释了这两种方法之间的区别，并推荐了第三种方法：saaspegasus.com/guides/modern-javascript-for-django-developers 至于哪个最好，这是一个备受争议的话题，它实际上归结为你的应用程序的细节。就我个人而言，无论哪种方式，我都取得了巨大的成功。

标签： reactjs django redux django-rest-framework

【解决方案1】：

React 不仅使用 JavaScript，它还使用无法在客户端 Web 浏览器上本地运行的 JSX。 JSX 是 JS 的语法扩展，允许你模拟 HTML 的模板。

Babel 是一个编译器。它将 React 的语言 (JSX) 编译为有效的 javascript，以便它可以在 Web 浏览器上运行。

Webpack 是一个打包工具。它会缩小您编译的 JS 和 CSS 文件并对其进行优化，以便它可以更有效地在客户端机器上运行。 Babel 和 Webpack 对于 React Apps 的运行至关重要，甚至使用传统的 create-react-app 命令创建一个 React 应用程序也会初始化您的开发设置，以便在后台使用 Babel 和 Webpack。

Redux 是独立的。 Redux 是一个纯粹用于开发目的的状态管理工具（简化还是复杂，由您决定！）。您不必使用 Redux，您可以选择自己进行状态管理，或者使用 React Context。

在下一部分中，您将使用一个名为 Axios 的库与您的 Django API 进行通信。 Babel、Webpack 和 Redux 不会对此产生任何影响。

【讨论】：