GraphQL Pokémon
Get information of a Pokémon with GraphQL!
See the GraphiQL interface
How to use
Simply get Pokémon's information through queries in GraphQL, example:
query {
pokemon(name: "Pikachu") {
id
number
name
attacks {
special {
name
type
damage
}
}
evolutions {
id
number
name
weight {
minimum
maximum
}
attacks {
fast {
name
type
damage
}
}
}
}
}
Try this query here!
Check out the React Relay Pokémon Project and Live Demo too!
Running
Production
yarn
yarn run build-app
yarn start
Development
yarn
yarn run watch # Using nodemon for auto-reloading
or
vercel dev # npm i -g @now/cli
Disclaimer
This was built as part of a talk on Relay & GraphQL at @ReactSP meetup, check us out, we build cool stuff. ;)
Related Projects
- Pokemon Gopher - Fetch information about pokémons with GraphQL and GO
��
-
I was recently asked by one of my friend how can we test the GraphQL APIs in Java. He is currently exploring Karate's capability, however, he doesn’t want to use Karate just for this as they’re alread
-
In this lesson I refactor a React component that utilizes the graphql higher-order component to the new Query render prop component baked into react-apollo. Additional Resources: What's next for React
-
In this lesson I refactor a React component that utilizes the graphql higher-order component to the new Query render prop component baked into react-apollo. Additional Resources: What's next for React
-
In this lesson, you will learn how to query local and remote data in Apollo Link State in the same component. We'll set the @client decorator on the local client State variable and set an empty Query
-
快速开始 GraphQL 是一种用于 API 的查询语言。这是 GraphQL 和 REST 之间一个很好的比较 (译者注： GraphQL 替代 REST 是必然趋势)。在这组文章中, 我们不会解释什幺是 GraphQL, 而是演示如何使用 @nestjs/GraphQL 模块。 GraphQLModule 只不过是 Apollo 服务器的包装器。我们没有造轮子, 而是提供一个现成的模块, 这让
-
GraphQL 既是一种用于 API 的查询语言也是一个满足你数据查询的运行时。 GraphQL 对你的 API 中的数据提供了一套易于理解的完整描述，使得客户端能够准确地获得它需要的数据，而且没有任何冗余，也让 API 更容易地随着时间推移而演进，还能用于构建强大的开发者工具。 向你的 API 发出一个 GraphQL 请求就能准确获得你想要的数据，不多不少。 GraphQL 查询总是返回可预测
-
Graphql editor 是一款 Graphql 的可视化编辑器和 IDE，帮助用户更容易理解 GraphQL 模式，通过使用可视化块系统创建模式。GraphQL Editor 将把它们转化为代码。通过 GraphQL Editor，用户可以在不写任何代码的情况下创建可视化的图表，或者以一种很好的方式呈现其模式。 GraphQL View Code Editor View Hierarchy View
-
GraphQL CLI Help us to improve new GraphQL CLI. Check out the new structure and commands below!Feel free to contact us in Discord channel. We would love to hear your feedback. Features Helpful command
-
Fullstack GraphQL Simple Demo Application API built with Node + Express + GraphQL + Sequelize (supports MySQL, Postgres, Sqlite and MSSQL). WebApp built with React + Redux. Written in ES6 using Babel
-
Hasura GraphQL Engine Hasura is an open source product that accelerates API development by 10x by giving you GraphQL or REST APIs with built in authorization on your data, instantly. Read more at hasu
-
这是利用Koa + GraphQL + Apollo-Server实现的，学生信息增、删、改、查的栗子 本栗子将搭配Koa实现一个GraphQL查询，逐步从简单Kao服务、到Mongodb的数据插入查询、再到GraphQL的使用，让大家快速看到： 搭建Koa搭建一个后台项目 后台路由简单处理方式 利用Mongoose简单操作Mongodb的增、删、改、查 掌握Apollo-Server简单操作数据
-
GraphQL Ruby 是 GraphQL 的一个 Ruby 实现。 Website API Documentation Newsletter 安装： # Gemfilegem 'graphql' $ bundle install 旨在： 实现 GraphQL 规范并支持一个 Relay 前端 在可能的情况下，提供与参考实现相似的习惯性的、简单的 Ruby API 支持 Ruby on Rails 和 Relay