如何使Django和ReactJS一起工作？

我也开始让Django和React.js一起工作，这让您感到痛苦。做了两个Django项目，我认为React.js非常适合Django。但是，开始可能会令人生畏。我们在这里站在巨人的肩膀上；）

我的想法是这样，它们都可以一起工作（大图，如果我错了，请有人纠正我）。

• 一侧（后端）上的Django及其数据库（我更喜欢Postgres）
• Django Rest框架提供了与外界的接口（即，Mobile Apps和React等）
• 另一端（前端）上有Reactjs，Nodejs，Webpack，Redux（或者可能是MobX？）

Django和“前端”之间的通信是通过Rest框架完成的。确保获得适当的Rest框架授权和权限。

我为这种情况找到了一个好的锅炉模板，它可以直接使用。只需遵循自述文件https://github.com/scottwoodall/django-react-template，一旦完成，您将运行一个非常漂亮的Django Reactjs项目。这绝不是为了生产而设计的，而是让您深入了解事物之间如何联系和工作的一种方式！

我想建议的一个小变化是：在进入第二步设置后端之前，请遵循设置说明，但要设置后端（Django在此处https://github.com/scottwoodall/django-react-template/blob/master /backend/README.md），更改设置的需求文件。

您可以在/backend/requirements/common.pip中的项目中找到该文件。

appdirs==1.4.0
Django==1.10.5
django-autofixture==0.12.0
django-extensions==1.6.1
django-filter==1.0.1
djangorestframework==3.5.3
psycopg2==2.6.1

这将为您提供Django及其Rest框架的最新稳定版本。

希望对您有所帮助。

您可以尝试以下教程，它可以帮助您继续前进：

一起服务React和Django

我知道这已经晚了几年了，但是我准备把它发布给下一个人。

与DjangoRESTFramework相比，GraphQL很有帮助，而且方法也更简单。就您得到的答复而言，它也更加灵活。您可以得到所需的内容，而不必通过响应进行筛选就可以得到所需的内容。

您可以在服务器端使用Graphene Django，并在React + Apollo / Relay中使用...。您可以对其进行研究，因为这不是您的问题。

可接受的答案使我相信，无论如何，将Django后端和React Frontend分离都是正确的方法。实际上，有一些方法可以将React和Django耦合在一起，这可能更适合于特定情况。

本教程对此进行了很好的解释。尤其是：

我看到以下模式（几乎每个Web框架都通用）：

-在其自己的“前端” Django应用程序中进行反应：加载单个HTML模板，然后让React管理前端（难度：中等）

-作为独立API的Django REST +作为独立SPA的React（困难：困难，它涉及JWT进行身份验证）

-混合并匹配：Django模板中的迷你React应用程序（难度：简单）

我没有Django的经验，但是从前端到后端以及从前端框架到框架的概念是相同的。

1. React将使用您的Django REST API。前端和后端没有任何连接。React将向您的REST API发出HTTP请求，以获取和设置数据。
2. React在Webpack（模块捆绑器）和Babel（transpiler）的帮助下，将Javascript捆绑并打包为单个或多个文件，这些文件将放置在入口HTML页面中。学习Webpack，Babel，Javascript以及React和Redux（状态容器）。我相信您不会使用Django模板，而是允许React渲染前端。
3. 呈现此页面时，React将使用API​​来获取数据，以便React可以呈现它。在这里，您对HTTP请求，Javascript（ES6），Promise，中间件和React的理解至关重要。

下面是我在网络上发现了几件事情应该帮助（基于一个快速谷歌搜索）：

• Django和React API Youtube教程
• 用React设置Django（用archive.org链接替换损坏的链接）
• 使用上面的粗体字词搜索其他资源。首先尝试“ Django React Webpack”。

希望这会指引您正确的方向！祝好运！希望其他专门研究Django的人可以加入我的回复。