使用Prisma 2，Chakra UI和React建立习惯追踪器

Prisma 2：简化React应用中的数据库交互 Prisma 2（以前是Prisma 2预览）彻底改变了数据库管理，从其前身提供了重大升级。 与需要单独的Prisma服务器的Prisma 1不同，Prisma 2直接集成到您的后端，作为库。这种简化的体系结构是用生锈构建的，以提高内存效率，从而大大简化了数据库交互。

>

PRISMA框架包括三个关键工具：

>

photon：

>一种类型安全的自动生成数据库客户端，有效地替换了传统的ORM。
1. 提升：声明的迁移系统启用平滑数据库架构更新。
2. >> prisma Studio：用户友好的数据库IDE为数据库管理提供视觉界面。
3. >本教程展示了使用Prisma 2，Chakra UI（用于快速UI开发）的习惯跟踪器应用程序（“条纹”），并进行国家管理的钩子。 前端将URQL用于GraphQl交互。> Prisma的关键优势：

>

简化的数据库访问：

消除了复杂的SQL查询，简化了应用程序中的数据库交互。 >数据库不可知论：

促进了不进行大量代码修改的切换数据库系统。目前支持mysql，sqlite和Postgresql。

>
• >类型安全：>为类型安全数据库访问提供自动生成的Prisma客户端，增强代码可靠性和开发人员体验。
视觉数据管理：>
• >自动迁移（可选）：使用声明性数据模型简化了数据库架构迁移。
• 入门：
• >本教程假定对React和React钩子的基本熟悉。 纱线用于包装管理。 使用了以下版本：
NPM v6.11.3
• npx v6.11.3
纱线V1.19.1

Prisma2 v2.0.0-preview016.2

> > react v16.11.0

项目设置：

• 1. 创建streaks-app目录。
  >
  2. >初始化Prisma 2项目：npx prisma2 init server（或使用全局prisma2CLI）。 选择JavaScript，GraphQl API和SQLITE。
  3. 在streaks-app>中创建一个反应项目：npx create-react-app client（或使用全局create-react-appcli）。
  项目结构将是：

  >和streaks-app/client/。streaks-app/server/。

  后端开发：

  后端利用GraphQl和Prisma 2。

  文件定义了数据模型（例如，schema.prisma，Habit，id，name和 fields）。 streak文件用初始数据填充数据库。 使用seed.js和graphql-yoga>。 nexus

  >前端开发：

  >前端使用脉轮UI进行造型，并用于GraphQl查询。 创建了用于显示习惯，创建新习惯，删除习惯和增量条纹的组件。 使用Chakra UI组件实现了错误处理和加载指标。

  （省后端和前端设置，查询和突变的详细代码示例是简洁的，但在原始输入中存在。）
  结论：

  >本教程展示了使用Prisma 2的高效数据库管理，Chakra UI简化的UI开发以及React的强大功能来构建强大的习惯跟踪器应用程序。 最终的应用程序是类型的安全性，可维护和视觉上吸引人的。>

  （从原始输入中的FAQS部分也省略了，因为它是对已经涵盖的常见实践和概念的重复。）

以上是使用Prisma 2，Chakra UI和React建立习惯追踪器的详细内容。更多信息请关注PHP中文网其他相关文章！