JSFoo: VueDay 2019

JSFoo: VueDay 2019

A day spent discussing Vue.js, developments in the Vue ecosystem and component architecture

Make a submission

Accepting submissions till 12 Aug 2019, 11:59 PM

Bangalore International Centre (BIC), Bangalore

About JSFoo: VueDay

JSFoo: Vueday is a single track conference about VueJS. The conference will feature talks on:

  1. The present state of the Vue ecosystem; about the future of Vue and how developers can participate.
  2. Case studies of why organizations have picked VueJS over other frameworks; how to build enterprise-scale apps with VueJS.
  3. Leveraging Vue CLI, customising Vue configuration and leveraging other aspects of VueJS for developer productivity.
  4. Web components and Vue; reactivity in Vue; building plugins.

Speakers from Zomato, Myntra, Flock, Zeta Zoomcar, Cloudnaut Technologies and other companies will share their experiences of working with different aspects of VueJS, and how VueJS has aided front-end development in their organizations.

Who should attend VueDay:

JSFoo: VueDay is a conference for front-end developers who are:

  1. Working with VueJS
  2. Working with Angular, React and other frameworks and components, and are interested in understanding VueJS
  3. Building enterprise-scale apps
  4. Front-end engineering managers who want to understand developer productivity with VueJS

Event details:

Date: Friday, 30 August
Venue: Bangalore International Centre (BIC), Domlur, Bangalore
Time: 9:00 AM to 6:00 PM


Sponsors:

Sponsorship slots are open, click here for the Sponsorship Deck.
Email sales@hasgeek.com for bulk ticket purchases, and sponsoring 2019 edition of JSFoo:VueDay.


JSFoo:VueDay 2019 sponsors:


Platinum Sponsor

Anatta

Exhibition Sponsor

Pulicis Sapient

Community Sponsor

Netlify

For more details, contact HasGeek on info@hasgeek.com or jsfoo.editorial@hasgeek.com; call 7676332020.

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

Praveen Durairaj

@praveenweb

Building a Realtime Collaborative Vue.js App using GraphQL

Submitted May 20, 2019

This tutorial will be about building a realtime todo app in Vue.js using GraphQL. The audience would be provided a ready-made GraphQL API endpoint and a boilerplate UI in Vue.js to get started. Using this, they will be integrating Apollo Client and all the functionalities of the app using GraphQL queries, mutations and subscriptions.

Outline

This tutorial will cover the fundamentals of GraphQL and the tooling required to implement GraphQL in Vue.js apps.

Key concepts and takeaways of this tutorial would be

  • Introduction to GraphQL (Queries, Mutations, Subscriptions)
  • Setting up GraphQL Client with Vue Apollo
  • Integrating GraphQL queries in your Vue app
  • Making use of Variables in Mutations
  • Learning how to update local cache using Apollo
  • Optimistic updates to local state in the Vue app
  • Using subscriptions in Vue components
  • Realtime feed with notification style UI
  • Testing Auth and Permissions

By the end of this tutorial, the audience would have built a realtime todo app in Vue and would have learnt the key concepts and patterns behind building a Vue app with GraphQL.

Requirements

Laptop, with Node.js 8+ and npm/yarn installed along with access to internet.

Speaker bio

I’m Praveen Durairaj, an Application Engineer at Hasura with areas of interest spanning around React, Vue, GraphQL and Docker. Core contributor of hasura/graphql-engine

Links

Slides

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

Comments

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

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

{{ errorMsg }}

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

Make a submission

Accepting submissions till 12 Aug 2019, 11:59 PM

Bangalore International Centre (BIC), Bangalore

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