17 lines
807 B
Markdown
17 lines
807 B
Markdown
# 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](https://reactjs.org/) and [Apollo client](https://www.apollographql.com/client) via [react-apollo](https://www.apollographql.com/docs/react/).
|
|
|
|
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.
|