GraphQL http://graphql.org/ Thinking in

@igorapa

https://www.loggi.com

rgr = roger

What is GraphQL? GraphQL is a data query language and runtime designed and used at Facebook to request and deliver data to mobile and web apps since 2012.

https://cldup.com/ysnmIMhqRU.png

https://github.com/graphql/swapi-graphql

https://github.com/graphql/swapi-graphql

Why GraphQL? - Maintainability - Single-round trip - No over-fetching (no more no less) -

{ user(id: 30) { name, foo: friend(id: 2) { name } bar: friend(id: 13) { name, email } } } Aliases

{ "data": { "user": { "name": "Igor APA", "foo": { "name": "Foo" }, "bar": { "name": "Bar", "email": "[email protected]" } } } } Aliases

import { GraphQLID, GraphQLInt, GraphQLList, GraphQLSchema, GraphQLString, GraphQLNonNull, GraphQLObjectType, } from 'graphql'; Schema.js

let Schema = new GraphQLSchema({ query: new GraphQLObjectType({ name: 'Query', fields: () => ({ store: { type: storeType, resolve: () => store } }) }), mutation: new GraphQLObjectType({ name: 'Mutation', fields: () => ({ createData: createDataMutation }) }) }); export default Schema; Schema.js

server.js app.use('/graphql', GraphQLHTTP({ schema, graphiql: true }));

Schema.js import {post} from 'jquery'; import ServerActions from './actions/ServerActions'; let API = { fetchDatas() { post('/graphql', { query: `{ value { _id, title, url } }` }).done(resp => { ServerActions.receiveDatas(resp.data.value); }); } }; export default API;

. !"" data # %"" schema.js !"" js # !"" API.js # !"" AppDispatcher.js # !"" Constants.js # !"" actions # # %"" ServerActions.js # !"" app.js # !"" components # # !"" Item.js # # %"" Main.js # %"" store # %"" DataStore.js !"" package.json !"" public !"" server.js %"" webpack.config.js Tree

@igorapa Thank you!