james/graphql-lightning-talk
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
This repository has been archived on 2024-06-24. You can view files and clone it, but cannot push or open issues or pull requests.
graphql-lightning-talk/README.md
James Harton 2d2c8d1e76 UPdate readme.
2018-04-09 13:06:39 +12:00

807 B
Raw Blame History

Client-side GraphQL

So, a GraphQL API isn't much use without the ability to use it from the browser, so here's where we implement the faces gallery as a client-side app. Whilst it's possible to do progressive enhancement I've removed all functionality from the faces controller and templates to prove that all the data loading and changing is happening via GraphQL.

I've used React and Apollo client via react-apollo.

Things to look at:

  • assets/js/app.js
  • assets/js/components/Gallery.js
  • assets/js/components/AddFace.js
  • assets/js/queries/list_people.js
  • assets/js/queries/import_person.js

Demo

Next, let's flip over to step-5 to see some magic.