GraphQL for front-end engineering

Apr 2020

30 Mon

31 Tue

1 Wed

2 Thu

3 Fri 08:50 AM – 05:30 PM IST

4 Sat 08:50 AM – 03:15 PM IST

5 Sun

Raman Hall, IITM Research Park, Chennai, Chennai

JSFoo is a platform for:

Practising front-end engineers to share insights from their work about web application development.
Learning from peers.
Discovery of emerging trends for JavaScript in India.
Understanding perspectives on component architecture, front-end security, performance and emerging trends.

Full schedule published here: https://hasgeek.com/jsfoo/2020-chennai/

Talks at Chennai edition will cover:

DevSecOps and vulnerabilities to secure on the front-end.
JAM Stack.
WebAssembly.
Accessibility and building accessible apps.
Front-end architecture and processes; micro-frontends.
Design patterns.

Speakers from Freshworks, Appsecco, Deque software, Flipkart, ThoughtWorks and Zestomoney will share their learnings and experiences.

Talks from previous editions of JSFoo are published on hasgeek.tv/jsfoo

The Chennai edition will be held on 3 April 2020 at Raman Hall, IITM Research Park, Chennai.

For inquiries about speaking/collaborating with JSFoo, write to jsfoo.editorial@hasgeek.com

##Click here for the Sponsorship deck.
For more details on the Sponsorship and ticket inquiries, write to sales@hasgeek.com or call 7676332020

#Gold Sponsor

#Silver Sponsor

Hosted by

JSFoo

JSFoo is a forum for discussing UI engineering; fullstack development; web applications engineering, performance, security and design; accessibility; and latest developments in #JavaScript. Follow JSFoo on Twitter more

All submissions

This submission has been added to the schedule

GraphQL for front-end engineering

Submitted Mar 3, 2020

Duration of the session: 4 hours hands-on workshop

GraphQL is “A query language for your api ” built with three basic design principles

Define your data
Ask for what you what
Get predictable results
It was built by Facebook to tackle specific scenarios but the standard itself has grown to a level of maturity that it was open sourced and then gained its popularity among the community

toGraphQL is a hands-on workshop aims to explore the process of adding graphql to an existing REST implementation.

Outline

Hands-on kicks off with a presentation of basics of GraphQL followed by showcasing a project built using MERN stack. As the session progresses we would implement graphql both on front-end and backend to make the system compatible with graphql.

###Workshop Anatomy

Presentation covering - (Duration : 30 mins)
What is GraphQL ?
Design Principles
Why should I give it a thought ?
Who is already using it ?
restAPI.toGraphQL()
Hands on

Cloning the sample repos and running the applications - (Duration: 20 mins)
Run through exisiting implementation of an Ecommerce site sample built using React and Node JS - (Duration: 30 mins)

Implement queries of GraphQL on Backend - (Duration: 25 mins)
Integrate GraphQL on Backend - (Duration: 15 mins)
Integrate GraphQL on UI - (Duration: 30 mins)
Use Queries on UI - (Duration: 30 mins)

Implement mutations on Backend - (Duration: 30 mins)
Use implementations on UI - (Duration: 30 mins)
Some tips and tricks (Optional) - (Duration: 25 mins)

###TakeAways of Workshops

Understanding of GraphQL
Thinking apis in GQL way
Implement GraphQL in an exisiting application using the existing REST apis
Bootstrap a application using GraphQL

###Reference Links

https://graphql.org/
https://www.apollographql.com/docs/apollo-server/
https://www.apollographql.com/docs/react/api/react-hooks/

Requirements

Laptops with latest Node and npm installed.
Code editor
Browser

Speaker bio

I am a fullstack developer. I have been working on Javascript technologies from past 3 years. Mainly on react, react native and node js. I love code, poetry and poetic code What makes code poetic to me is the sheer simplicity, which make the code more readable, relatable.