UbermenschDeveloper / graphql-experiments-apollo

Testing Apollo on frontend

Apollo GraphQL experiments

Created by Pavel Davydov

HOWTO

After cloning repo execute

npm run all:dev

This command will create 'dist' folder with 'pseudo-server-side' markup. Unfortunately, production build still won't work with npm run all:prod :(

After that, execute commands:

npm run server

Starts server on localhost:4001 and enabled online GraphQL editor on http://localhost:4001/graphiql

npm run start

Starts client dev-server on localhost:4000

TODO

• Configure environment
• Setup apollo server
• Create skeleton for future site
  • Layout for logged in or guest user
  • Header
  • Search results with 'Load more'
  • Feedback form with feedbacks
• General GraphQL patterns
  • Query batching
  • Using fragments
  • Using variables in GraphQL. Passing params
  • Load more, pagination
  • Mutations
  • Use loader for *.graphql files (https://github.com/apollographql/graphql-tag#webpack-preprocessing-with-graphql-tagloader)
• GraphQL on frontend (Apollo)
  • Query on server
  • Fragments usage
  • Send mutations on server
  • Directly change data in cache
  • Optimistic updates
• Routing
  • Create 2 pages
• Setup tests
  • Jest
  • Simple unit tests
  • Snapshots
  • Using enzyme and sinon as helper libs