React Django - 开源全栈种子项目

各位程序员朋友们好！

本文介绍了一个开源的全栈项目，该项目使用现代React UI（采用 Chakra 样式），并由一个简单的Django API服务器（也是免费的）提供支持：Django React Purity可以用作未来最终产品的初始代码库，或者初学者也可以将其用于在线学习活动。

👉 使用Django 应用生成器构建您的入门应用并进行自定义：DB Tables，，，，AuthAsync TasksDockerCI/Cd Scripts

对于新手来说，React是一个流行的 JavaScript 库，用于编写用户界面，由 Facebook 开发；而Django是一个领先的 Web 框架，用于管理后端逻辑。

产品特性

这款免费产品包含production-readyJWT 身份验证流程、用于 UI 和后端的 Docker 脚本，以及允许无限复制用于业余爱好和商业最终产品的宽松许可证。

创新的脉轮用户界面设计
React、Redux、Redux-persist
身份验证：JWT 登录/注册/注销
使用Django API 服务器（开源项目） 实现全栈部署：
- Django / DRF / SQLite3 - 一个简单易用的后端
- 使用 JWT 进行身份验证（登录、注销、注册）
- Docker、单元测试

该产品采用的架构two-tier模式是将 React 前端在逻辑上和物理上与 API 后端解耦。要使用该产品，必须成功完成一系列简短的操作：

在本地环境中使用该产品的最快方法可能是通过 Docker。该产品的两个组成部分都可以在 Docker 中运行。

步骤一：克隆/下载源代码

$ git clone  https://github.com/app-generator/django-react-purity-dashboard.git

步骤 2 - 启动 Django API

$ cd django-api
$ docker-compose pull   # download dependencies 
$ docker-compose build  # local set up
$ docker-compose up     # start the app

此时，API 应该已经启动并运行http://localhost:5000，我们可以使用 POSTMAN 或测试接口curl。

步骤 3 - 启动 React UI（使用另一个终端）

$ cd react-ui
$ docker-compose pull   # download dependencies 
$ docker-compose build  # local set up
$ docker-compose up     # start the app

上述所有命令执行完毕后，React UI页面应该会在浏览器中显示。默认情况下，应用程序会将访客用户重定向到身份验证页面。
注册新用户并登录后，所有私有页面即可访问。

React Django Purity - 用户个人资料页面

React Django Purity - 主仪表盘页面

感谢阅读！如需更多资源和开发工具，请访问：