49
Awesome Vue GraphQL: A Collection of Resources for Vue.js and GraphQL
source link: https://www.tuicool.com/articles/hit/MNjyQbe
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
Awesome Vue GraphQL
A curated collection of resources, clients and tools that make working with GraphQL and Vue
awesome.
Contents
General Resources
Clients
VueJS clients for GraphQL
- Apollo : Apollo Client is a community-driven GraphQL client for React, JavaScript, and native platforms
- AWS Amplify : AWS Amplify provides a declarative and easy-to-use interface across different categories of cloud operations. AWS Amplify goes well with any JavaScript based frontend workflow, and React Native for mobile developers.
Developer Tools
Tools for better development (debugging, linting, validation etc)
-
Code generators:
- apollo-codegen : Generate API code or type annotations based on a GraphQL schema and query documents
- graphql-code-generator : GraphQL code generator with flexible support for custom templates
-
Linters:
- eslint-plugin-graphql : Check your GraphQL query strings against a schema
-
VueJS debugging tools
- VueJS Developer tools : Chrome and Firefox extensions to debug vue applications
-
VueJS Apollo Debugging Tools
- Apollo Client Developer Tools : Chrome and Firefox extension for Apollo Client developer tools
-
GraphQL Workflows:
- GraphQL Playground : Powerful GraphQL IDE built on top of GraphiQL
- Altair GraphQL Client : A beautiful feature-rich GraphQL Client for all platforms
- GraphiQL Online : An online version of GraphiQL with a configurable endpoint and headers.
Tutorials
Awesome tutorials for using GraphQL with Vue
- VueJS
- Miscellaneous
Boilerplates and Example Apps
Boilerplates and examples for a headstart in development
Advanced Use Cases
- Server-side Rendering
-
Realtime
- Polling : Dynamic GraphQL polling with React and Apollo Client
- Subscriptions with Vue Apollo Client : Learn how to achieve realtime data with GraphQL subscriptions using Vue Apollo Client.
- Managing Local Data : if You need to manage your app lcoal state you can do so with apollo link state.
Server Side Tools
Get a GraphQL backend for your applications using these service providers
- AWS AppSync : Build data-driven apps with real-time and offline capabilities
- Graphcool : Self-Hosted GraphQL BaaS
- Hasura : Instant GraphQL APIs on Postgres
- Postgraphile : Rapidly build highly customisable GraphQL APIs
- Prisma : Simplifies database access in your resolvers (replacing traditional ORMs).
Articles and Videos
Articles
- So what’s this GraphQL thing I keep hearing about?
- Thinking in Graphs
- What are the benefits of using GraphQL and why it surpasses REST
Videos
Stories
Good and bad experiences
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK