React GraphQL 项目的全栈模板

在上周，我们研究了用 TypeScript 实现的 GraphQL 服务器的基本方法。在本期……

5 分钟内掌握 GraphQL Server 系列

...我们将看一下 React GraphQL 应用程序的全栈模板。

Fullstack React GraphQL Boilerplate repo 包含最小、基本和高级样板，每个样板都允许立即启动 GraphQL 服务器，无论您是想构建一个简单的“Hello world！”还是一个功能齐全的企业应用程序。

	最小	基本的	先进的
可扩展的 GraphQL 服务器：该服务器使用基于 Apollo Server 和 Express 的 graphql-yoga	✔️	✔️	✔️
预配置的 Apollo 客户端：该项目附带 Apollo 客户端的预配置设置	✔️	✔️	✔️
GraphQL 数据库：包括与 Prisma 的 GraphQL 数据库绑定（在 MySQL 上运行）	❌	✔️	✔️
工具：对 GraphQL Playground 和查询性能跟踪的开箱即用支持	❌	✔️	✔️
可扩展：简单灵活的数据模型——易于调整和扩展	❌	✔️	✔️
无配置开销：预配置的 graphql-config 设置	❌	✔️	✔️

样板代码minimal只需两个命令即可。只需执行：

npm install -g graphql-cli
graphql create my-app

然后yarn start或npm run start将在上启动您的基本 GraphQL 服务器localhost:4000。基本和高级设置还需要几个步骤。

安装GraphQL CLI后，使用以下命令引导 GraphQL 服务器：

graphql create my-app

当提示选择所需的样板并将 Prisma 服务部署到时_public cluster_，然后导航到server新项目的目录并启动它：

cd my-app/server

yarn dev

这将在 localhost:4000 上运行服务器，以及 GraphQL Playground；打开新的终端选项卡并导航回my-app，然后运行该应用程序

cd ..
yarn start

在react-fullstack-graphql repo中阅读有关项目结构或可用命令的更多信息。