使用 Dact 的 Django+React 全栈开发设置

当我们处理一个以Django 作为后端并使用 React 拥有强大前端的项目时，开发设置需要大量时间来设置——配置 Babel、Webpack、URL、视图等。我们过去常常设置在 npx create-react-app出现之前，早点开始使用 ReactJS。

npx create-react-app命令使我们能够在不考虑所有 Babel、Webpack 等的情况下处理 React。当我们尝试在我们的 Django 应用程序中使用 npx create-react-app 时，它会成为一个问题。因此，在本文中，我们将使用Python CLI 应用程序或 Package-Dact。 Dact使我们能够设置 React-Django 开发设置 只需一个命令。它是开源的，其代码可在GitHub上找到。

Note: Make sure you have Python, pip and npm installed in your system.

按照以下步骤在您的系统中成功设置 React-Django 项目：

步骤 1：首先我们需要使用 pip 安装dact ，如下所示：

pip install dact

第 2 步：通过在终端中输入“dact”来检查 dact 是否安装成功。

dact 

第 3 步：要启动 Django-React 全栈开发项目，只需键入-

dact {your_project_name}

它使用您提供的名称创建一个 Django 项目和一个名为“reactfrontend”的前端应用程序。您还可以使用自定义前端应用程序名称来设置项目

dact {your_project_name} {react_front_end_app_name}

第四步：进入项目

cd my_project

第 5 步：运行 Django 服务器

python manage.py runserver

您的欢迎页面位于 localhost:8000

第 6 步：观察 React 文件中的变化。

打开一个不同的终端并输入

dact-watch

Note: Make sure you are in the same directory as manage.py.

当您在前端工作时，让 dact-watch 在后台运行。

第 7 步：编辑您的 React 前端。要编辑 React 文件，您需要转到：

reactfrontend > static > src > App.js

让我们写 Hello GeeksForGeeks。

进行更改。确保dact-watch在后台运行。刷新您的欢迎页面。

现在，您可以为后端创建自己的 Django 应用程序，并在Dact的帮助下使用React 和 Django开发您梦想中的项目。