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

18 lines
807 B
Markdown
Raw Normal View History

# Client-side GraphQL
2018-04-08 08:48:56 +12:00
2018-04-09 13:06:39 +12:00
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.
2018-04-08 14:34:46 +12:00
2018-04-08 17:16:10 +12:00
I've used [React](https://reactjs.org/) and [Apollo client](https://www.apollographql.com/client) via [react-apollo](https://www.apollographql.com/docs/react/).
2018-04-08 14:34:46 +12:00
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](http://localhost:4000)
Next, let's flip over to `step-5` to see some magic.