JSFoo Chennai 2020

JSFoo Chennai 2020

On component architecture, performance, security for front-end, and emerging trends

Saibaba

@nightraiser

toGraphQL

Submitted Feb 7, 2020

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

  1. Define your data
  2. Ask for what you what
  3. 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

  1. Presentation covering
    What is GraphQL ?
    Design Principles
    Why should I give it a thought ?
    Who is already using it ?
    restAPI.toGraphQL()

  2. Hands on
    Create basic ui with react
    Create REST apis with a express application
    Convert apis to supports GraphQL
    Consume GraphQL apis in UI

Requirements

  1. Laptops with Node and npm installed.
  2. Code editor

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.

Slides

https://docs.google.com/presentation/d/1T2A_lNisasla_1LWgQZ3zrd5CJcEM6iuwGeGrAs3h54/edit?usp=sharing

Comments

{{ gettext('Login to leave a comment') }}

{{ gettext('Post a comment…') }}
{{ gettext('New comment') }}
{{ formTitle }}

{{ errorMsg }}

{{ gettext('No comments posted yet') }}

Hosted by

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