编码员们好!
本文介绍了一个精心策划的列表，其中包含了**FullStack React实例，这些实例**不仅仅是模板。所有提到的产品都有JWT令牌认证、数据库（SQLite或Mongo），以及用不同技术提供的API后端服务器，如Node JS、Flask和Django。开源的全栈启动器可以从Github下载，用于业余和商业产品。
谢谢你的阅读!- 内容由**App Generator**提供。
- (新)Django React- 带有Django后端的全栈样本
- (免费)React Node JS Berry- fullstack React样本
- (免费)React Node JS Datta Able- fullstack React 示例
- (免费)React Firebase Datta Able- 开源样本
- React Node JS Datta PRO- 高级全栈式React样本
- React Firebase Datta PRO- 商业项目
上述产品可以与多个Backend一起使用和组合，因为API接口对所有服务器都是通用的。
- (免费)Node JS API- Typescript / SQLite / TypeORM
- (免费)Django API- 简单的JWT API服务器
- (免费)Flask API--简单的JWT API服务器
- Node JS API专业版- 带有更多的功能和MongoDB / Mongoose作为数据库接口，Typescript和Docker脚本。
Django ReactDatta Able
开源的全栈种子项目，在现代设计的基础上用React和Django编码。Django React代码库已经配置了SQLite数据库、API（通过DRF）和基于JWT令牌的认证流程。Datta Able是一个开源的React仪表盘，提供了一个丰富多彩的现代设计。
- Django React- 产品页面
- **Django React**Datta PRO - 高级版本
Fullstack React Berry
Berry是一个使用Material-UI构建的创意React仪表盘。它的目的是通过高度可定制的功能丰富的页面来实现最好的用户体验。它是一个完整的改变游戏规则的React仪表盘模板，具有简单和直观的响应式设计，如在视网膜屏幕或笔记本电脑上。该产品带有一个简单的JWT认证流程：登录/注册/注销。
- React Node JS Berry- 产品页面
- React Node JS Berry- 现场演示
Fullstack React Datta Able
Datta Able是一个开源的React仪表盘，提供了一个丰富多彩的现代设计。Datta Able React Free是最有风格的React免费管理模板，围绕市场上所有其他管理模板。它配备了功能丰富的页面和组件，完全以开发者为中心的代码。该产品配备了一个简单的JWT认证流程：登录/注册/注销。
- React Node JS Datta Able- 产品页面
- React Node JS Datta Able- 现场演示
Fullstack React Firebase Datta
这个开源的样本带有Firebase集成和通过Google的社交登录。
- React Firebase Datta Able- 产品页面
- React Firebase Datta Able- 现场演示
Fullstack React Datta PRO
Datta Able是一个优质的React仪表盘，提供了一个丰富多彩的现代设计。Datta Able React PRO是最有风格的React免费管理模板，围绕市场上所有其他管理模板。它带有功能丰富的页面和组件，并有完全以开发者为中心的代码。
React Firebase Datta PRO
这个商业产品使用了与前一个样本相同的高级设计，代码库中带有通过谷歌驱动的社交登录，当然是由Firebase驱动的。
- React Firebase Datta PRO- 产品页面
- React Firebase Datta PRO- 现场演示
如前所述，上述所有样本都被配置为与一个统一的简单API接口进行通信，该接口共享所有必要的动作来管理一个简单的JWT认证。
- API：登录/注销/注册
editUser- 允许更新用户相关信息
为了使这篇文章真正有用，我们可以使用项目README提供的信息构建Node JS API服务器。
步骤#1- 克隆源代码
$ git clone https://github.com/app-generator/api-server-nodejs.git
$ cd api-server-nodejs
第2步- 使用NPM或Yarn安装模块
$ npm i
// OR
$ yarn
第3步 - 通过TypeORM运行SQLite迁移
$ yarn typeorm migration:run
第4步- 启动API服务器(开发模式)
$ npm dev
// OR
$ yarn dev
在这一点上，API服务器应该已经启动并运行，我们可以使用POSTMAN或提到的React Samples来获得完整的全栈体验。
**谢谢你的阅读!**如需更多资源和支持，请随时访问。
