GraphQL React应用程序 描述 :clipboard: 一个演示应用程序，用于将GraphQl，Appollo Client与React和SpaceX API结合使用 GraphQL App演示 :video_camera: 细节 :scroll: :right_arrow_selector: 我们已经在node中设置了后端服务器，并在server.js表达了应用程序（ localhost:5000/graphql ）。 :right_arrow_selector: React应用程序是使用webpack和babel设置的（为localhost:8080上的前端运行webpack-dev-server） :right_arrow_selector: 架构和graphQl查询中创建schema.js :right_arrow_selector: 在创建的查询中，我们已经使用axios通过SpaceX API来获取数据。 （例如，API URL： https://api.spacexdata.com/v3/launches : https://api.spacexdat

graphql-tag.macro 库的Babel Macro。 它能做什么 它内联使用graphql-tag解析GraphQL查询的结果。 转换为： const query = gql ` query { hello { world } } ` ; 对此： const query = { 'kind' : 'Document' , 'definitions' : [ { 'kind' : 'OperationDefinition' , 'operation' : 'query' , 'variableDefinitions' : [ ] , 'directives' : [ ] , 'selectionSet' : { 'kind' : 'SelectionSet' , 'selections' : [ { 'kind' : 'Field' , 'alias' : null , 'name' : {

:warning_selector: 该软件包不是最新的并已维护 :warning_selector: 我们建议您不要使用此程序包。 我们由于时间紧缺而停止维护它，也因为此SDK提供的功能与配置良好的HTTP客户端相同。 因此，我建议您使用最佳HTTP客户端来使用所使用的技术。 对其进行配置以针对您的Strapi API。 这里非常有用的资源可为您提供帮助： 用于JavaScript的官方Strapi SDK，可用于浏览器或Node.js后端。 安装 npm install strapi-sdk-javascript 现在开始 新实例 import Strapi from 'strapi-sdk-javascript' ; const strapi = new Strapi ( 'http://localhost:1337' ) ; 认证方式 本地 await strapi . login ( 'username_or_email' , 's3cr3t' ) ; // Redirect your user to the provider's authentication page.

阿波罗故事书装饰器 使用Apollo Client包装您的React Storybook故事。 支持 React React本机 Vue 角度的 Apollo客户端V2 快来了 Apollo客户端V1 X X X 要旨 向装饰器提供GraphQL类型定义。 像提供graphql-tools一样提供Mock对象 拿着它： import React from "react" ; import { Query } from "react-apollo" ; import gql from "graphql-tag" ; import { storiesOf } from "@storybook/react" ; const userQuery = gql ` query getUser = { currentUser { name lastAction { message } avatar city } } ` ; function CurrentUser ( ) { r

Angular-Slickgrid 简单的介绍 最初由@mleibman开发的最佳javascript数据网SlickGrid之一现已可用于Angular。 我使用了一些数据网格，SlickGrid在功能和性能方面击败了大多数数据网格（它甚至可以轻松处理一百万行）。 我们将使用分支，这是自原始作者@mleibman停止工作其原始存储库以来最活跃的分支。 同样值得一提的是，我为Angular-Slickgrid的利益为6pac / SlickGrid叉做出了很大的贡献……也提醒一下，这是jQuery库（SlickGrid）和库的很大一部分（如Editors）的包装，过滤器等）均以jQuery / JavaScript编写，因此请记住这一点，这也意味着jQuery是一个依赖项。 NPM套餐 执照 喜欢它？ :white_medium_star: 它 您喜欢并使用Angular-Slickgrid吗？ 一定要投票 :white_medium_star: 并随时贡献自己的力量。 :construction_worker: 喜欢我的工作吗？ 如果您喜欢我的工作，也可以用咖啡因支持我 :ho

Express，GraphQL示例 如何运行项目 安装依赖项： yarn # or using npm npm install 创建src/config.ts或重命名src/config.example.js并使用您的凭据更新文件： export default { port : 3010 , database : { type : 'mysql' , connection : { database : '' , host : '' , password : '' , user : '' , } , /* * Migrations run on every start of the application. * If you initialized the database manually (from the database.sql file), * you don't need this. */ migrations : { d

加入Monster GraphQL工具适配器 通过Apollo 服务器软件包使用SQL生成和查询批处理功能。 这个包是做什么用的？ 假设您有一个用于论坛网站的GraphQL架构，该架构是使用定义的，如下所示： const typeDefs = ` type Comment { id: Int!, body: String!, postId: Int, authorId: Int, archived: Boolean } type Post { id: Int!, body: String!, authorId: Int, numComments: Int!, comments: [Comment] } type User { id: Int!, email: String!, fullName: String!, favNums: [Int], posts: [Post] } type Query { user(id: Int!): User } ` module . exports = typeDefs 使用参考实

学习空间用户界面

Django + Vue + GraphQL + AWS Cookiecutter 一份非常固执己见模板保险丝在一起的Django，Vue.js，GraphQL和AWS成一个完整堆栈的Web应用程序。 产品特点 后端 前端 部署方式 拉姆达 S3 CloudFront RDS 带公用和专用子网的VPC，NAT网关等 （打包和部署到AWS Lambda） （基础结构代码脚本） （错误监视） 最初基于并从Reddit调度应用程序提取。 用法 首先，获取cookiecutter ： $ pip install cookiecutter 现在针对这个仓库运行它： $ cookiecutter gh:grantmcconnaughey/cookiecutter-django-vue-graphql-aws 系统将提示您输入一些值。 提供它们，然后将为您创建一个项目。 现在您可以使用启动项目： $ docker-compose up --build 在浏览器中打开以查看该应用程序。

Angular Spacex Graphql代码生成 任务 我们的目标是制作一个Angular应用程序，其中包含过去SpaceX发射的列表以及相关的详细信息页面。 通过提供数据，并通过生成Angular服务。 我们使用从前端访问数据。 该API是免费的，因此请保持友好，不要滥用它。 最终结果 脚步 使用路由生成新的角度应用程序 ng new angular-spacex-graphql-codegen --routing=true --style=css 确保删除src/app/app.component.html的默认模板 安装并在项目的根目录中添加apollo.config.js module . exports = { client : { service : { name : 'angular-spacex-graphql-codegen' , url : 'https://api.spacex.land/graphql/' } } } ; 这使扩展指向SpaceX GraphQL API，因此我们在GraphQL文件中获得