Build scalable APIs using GraphQL and Serverless

Build Scalable APIs using GraphQL and Serverless

@simona_cotin –-Lee Byron a data-fetching API powerful enough to describe all of Facebook

@simona_cotin https://facebook.com/user/id https://facebook.com/user/id/events https://facebook.com/user/id/friends-suggestions https://facebook.com/user/id/friends-birthdays

@simona_cotin https://facebook.com/user/id/events { "name": "HelsinkiJS", "location": "Helsinki", "organiser": "Citrus", "attendees": [ { "name": “Sarah Drasner", "company": “Microsoft", "role": "Chef Of Avocados 🥑" } ]

@simona_cotin Overfetch Or New endpoint

@simona_cotin https://facebook.com/user/id/friends-suggestions { "name": "Golnaz Badazadeh", "profile_pic": "some_url", "mutual_friends": [] }

@simona_cotin https://facebook.com/user/id/friends-suggestions/id/mutual{ "mutual_friends": [ { "name": "Sarah Drasner", "profile_pic": "some_url", "tag": "Amazing!" } ] }

@simona_cotin Underfetch Or New endpoint

@simona_cotin Delay User Perception 0-100 ms Instant 100-300 ms Small perceptible delay 300-1000 ms Machine is working 1000+ ms Likely context switch 10000+ ms Task is abandoned High performance Browser Networking

@simona_cotin –-Ilya Grigorik The fastest network request is a request not made

@simona_cotin user(id:1) { name events { count } friends_suggestions { name mutual_friends { count } } } } "data": { "user": { "name": "Simona Cotin", "events": { "count": 4 }, "friends_suggestions": { "name": "Golnaz Babazadeh", "mutual_friends": { "count": 15 } } }

@simona_cotin Schema driven development

@simona_cotin type People { id: ID! name: String avatar: URL }

@simona_cotin type People { id: ID! name: String avatar: URL } type Team { id: ID! name: String points: Int people: [People]

@simona_cotin type Query { teams: [Team] } type Mutation { incrementPoints(id: ID!): Team }

@simona_cotin teams: async () => { let teams = await axios.get( 'https://graphqlvoting.azurewebsites.net/api/score' ); return teams.data; }, incrementPoints: async obj => { let response = await axios.get( `https://graphqlvoting.azurewebsites.net/api/score/${obj.id}` ); return response.data; }

@simona_cotin ✓ Performance ✓ Flexibility ✓ Tooling

@simona_cotin –-Steve Jobs The line of code that’s the fastest to write, that never breaks, that doesn’t need maintenance, is the line you never had to write.

@simona_cotin module.exports = async function(context, req) { context.res = { body: 'Hello ' + req.query.name }; };

@simona_cotin Right-Click Deploy

@simona_cotin Datasources 3rd party APIs

@simona_cotin { "type": "cosmosDB", "name": "inputDocument", "databaseName": "admin", "collectionName": "Recipes", "connectionStringSetting": "tacos-sql_DOCUMENTDB", “direction": "in" }

@simona_cotin module.exports = async function(context, req) { context.res = { body: context.bindings.inputDocument }; };

@simona_cotin ✓ Reusable API ✓ VS Code dev & debug ✓ Easy Integration Datasources

@simona_cotin No servers to manage

@simona_cotin const body = req.body; let response = await graphql( typeDefs, body.query, root, null, body.variables, body.operationName ); context.res = { body: response };

@simona_cotin Easy Integration of Datasources Autoscalability Less code Easy Abstraction of Datasources Single Endpoint Smaller no requests Serverless GraphQL

@simona_cotin Easy Integration of Datasources Easy Abstraction of Datasources Autoscalability Single Endpoint Less code Smaller no requests Dev productivity

@simona_cotin Achieve more by doing less

@simona_cotin https://github.com/sim onaco/serverless- graphql-workshop https://aka.ms/learn- serverless

Build scalable APIs using GraphQL and Serverless

More Related Content

What's hot

Similar to Build scalable APIs using GraphQL and Serverless

More from Simona Cotin

Recently uploaded

Build scalable APIs using GraphQL and Serverless

Editor's Notes