Giter Club home page Giter Club logo

vue-apollo's Introduction

How to GraphQL ๐ŸŽ“

How to GraphQL is a fullstack tutorial website to learn all about GraphQL! It was built by Prisma and many amazing contributors. All content on the site is completely free and open-source.

Note: This repository is currently mostly unmaintained. We are looking for maintainers who can help cleaning up issues and PRs opened by the community. If you are interested in helping out, please reach out!

Content

The content for all tutorials is located in the /content directory. Here is an overview of all the tutorials that are available at the moment:

GraphQL

  • Fundamentals of GraphQL
  • Advanced GraphQL

Frontend

  • React & Apollo
  • React & Relay (Out of date)
  • Vue & Apollo (Out of date)
  • Ember & Apollo (Out of date)

Backend

  • javascript-apollo / JavaScript & Apollo
  • typescript-apollo / Typescript & Apollo
  • typescript-helix / Typescript & Helix
  • graphql-elixir / Absinthe & Elixir
  • graphql-ruby / Ruby and GraphQL Gem
  • graphql-python / Python & Graphene
  • graphql-go / Go & gqlgen
  • graphql-scala / Scala & Sangria
  • graphql-java / Java (Out of date)

Contributions / Fixes

As the whole project is open-source, you're more than welcome to fix typos and other small issues yourself and create a PR for the fix. If you want to contribute a whole tutorial track or update one of the out of date tutorials please get in touch.

Installation & Running locally

The project has some native (gyp) dependencies. To get this running, please make sure your environment it set with the following:

  1. Make sure to install a Node version manager (either fnm or nvm)
  2. Point your environment to the version specified in .nvmrc.
  3. Make sure to load .env to your environment variables (some shell loads it automatically, but if not, you can do: source .env to load it)

You can run a local instance of How to GraphQL by executing the following commands in a terminal:

git clone [email protected]:howtographql/howtographql.git
cd howtographql
yarn install
yarn start # http://localhost:8000/

Note: If you're using Node 8, you might need to invoke npm install -g node-gyp before you're starting the app. More info here.

Troubleshooting

If you are having issues with sharp dependency, please make sure you have installed >0.18.2 of it. Older versions have hardcoded dependency on a legacy artifactory.

To check the version you have, run: yarn why sharp.

If you are still having issues, please make sure that you have SHARP_DIST_BASE_URL environemnt variable set correctly (see .env file) and then run yarn install again.

vue-apollo's People

Contributors

matt-dionis avatar pelletiermaxime avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

vue-apollo's Issues

warning message in console after creating a new link

I was receiving the following error in console after creating a new link

Missing field votes in {
"postedBy": {
"id": "cj87zsb0ugnx40179lnytjrz6",
"name": "John Smith",
"__typename":

I was able to fix this by adding votes to CREATE_LINK_MUTATION:

export const CREATE_LINK_MUTATION = gql `
	#2
	mutation CreateLinkMutation($description: String!, $url: String!, $postedById: ID!) {
		createLink(
		description: $description,
		url: $url,
		postedById: $postedById
		) {
			id
			createdAt
			url
			description
			postedBy {
				id
				name
			}
			// this line wasn't in the tutorial
			votes {
				id
			}
		}
	}
`

I'm new to posting issues on github, so let me know if you need more information :)

Using the token

Hi!

Graph Cool looks to have been retired, so that part of the tutorial isn't an option.

Where it mentions the Email-and-Password, as a newbie, I have no idea what's happening with SignInUserPayload, and I need to know how to get at the token.

addGraphQLSubscriptions is not a function

I've figured out 0.8.3 will still work fine, but just want to leave this here to make sure it is addressed.

My recommendation is to fix the tutorial to 0.8.3 until the 1.0.0 release of the package is done, since other breaking changes are likely to occur. Then, update once there is a stable approach to the hybrid situation.

Links are not refreshed correctly after creating a new link

When I submit a new link, the new link is shown correctly on top, but the links on the other pages don't refresh correctly.
I have been using Vue and Graphql for a while, but I'm trying to wrap my head around apollo and it's cache store because it's really not explained at all in the tutorial, so I will need a read a bit before I understand the readQuery and writeQuery stuff and be able to help fix the bugs :/

Voting doesn't work

I get the error

errorHandling.js?e4be:7 Error: Can't find field allLinks({}) on object (ROOT_QUERY) {
"allLinks({"first":5,"skip":5,"orderBy":"createdAt_DESC"})": [

It worked fine before the pagination step, but I haven't figured yet what's the problem.

Thanks!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.