React Graphql Typescript 文件设置

Posted

技术标签:

【中文标题】React Graphql Typescript 文件设置【英文标题】:React Graphql Typescript file set up 【发布时间】:2020-03-18 06:59:24 【问题描述】:

我刚刚开始考虑创建一个 React Graphql 和 Typescript 应用程序

我有架构和解析器以及使用 apollo-server 工作的服务器,我可以看到 graphql 游乐场。

我还有一个包含我的 react 应用程序的客户端文件夹。我使用 --typescript 标志创建了反应应用程序,因此它生成 .tsx 文件和 tsconfig.json。

我正在研究为 graphql 查询创建 Typescript 定义

所以我的文件结构是这样的。

client
    react.tsx files

package.json
resolvers.js
schema.js
server.js   

我的简单问题是像 schema.js 和 resolvers.js 这样的服务器端文件应该是 .js 文件还是应该是 .ts 文件。我确定它们应该是 .js 文件,但我找不到任何相关信息。

【问题讨论】:

【参考方案1】:

为此,您可能需要考虑使用 apollo-codegen 之类的工具。否则,您将不得不手动写出您的打字稿类型。

对于一个小型项目,这可能是微不足道的,但对于一个较大的项目,您可能希望开始生成基于 gql 模式的类型作为您的事实来源。

【讨论】:

我正在使用阿波罗来做这个

以上是关于React Graphql Typescript 文件设置的主要内容,如果未能解决你的问题,请参考以下文章

使用 typescript、react 和 graphql 以正确方式进行查询的问题

使用 React TypeScript 进行 GraphQL 身份验证

如何在 React 和 Typescript 中映射我的 Union 类型的 GraphQL 响应数组

使用 graphql 将道具传递给高阶组件时出现 React-apollo Typescript 错误

Go+GraphQL+React+Typescript搭建简书项目——项目初始化

npm 2019年JavaScript预测:你应该掌握React,GraphQL和TypeScript