At WorkHere LLC we are using Vue and GraphQL for our newest application. We are not using AWS Appsync (yet), but I think it holds great promise for rapid application development and the three comprise what I like to call the VIA stack. I recently gave a talk on this stack and this repo includes the code and slides:
Demo for IndyJS talk. Demos Vue, vue-apollo, ionic-vue and querying github with graphql …
This post is just an overview of the three parts of the stack. In the next post, we will begin to put the pieces together into an application.
NOTE: I am a big fan of React as well, but it seems that developers new to these sorts of technologies (React, Vue, etc.) tend to pick up Vue more quickly. The vue team is also making great strides in the tooling for Vue. Just to get an idea, check out the new Vue CLI and UI for the cli:
Vue CLI 3.0 is here!
Over the past few months, we’ve been working really hard on the next generation of Vue CLI, the standard build…
Getting To Know the New Vue-cli 3 User Interface
This article will assume the reader is already familiar with what the Vue.js framework and the Vue command line tools…
One of the first things you will notice is the fantastic documentation that comes with VueJS.
Ionic and HTML Web Components:
Ionic Docs - Framework Docs
Ionic is the app platform for web developers. Build amazing mobile, web, and desktop apps all with one shared code base…
Announcing the Ionic 4 Beta
Today, I'm thrilled to announce the beta release of the best version of Ionic Framework yet: Ionic 4.0.0-beta.0! 🎉…
AWS AppSync with AWS Amplify/Apollo/Graphql:
AWS AppSync - Build data driven apps with real time and offline capabilities based on GraphQL
AWS AppSync automatically updates the data in web and mobile applications in real time, and updates data for offline…
I had started working on some GraphQL directives to automatically generate all the boilerplate that is needed for AWS Appsync resolvers, etc. Well, on of my Christmas wished got answered early. Amazon just released such software and it looks great. Take a peek here:
Will will be using these new transformers in the demo app we will be developing.
Building an Application with VIA
This is what we’ll be fleshing out in the next few posts….stay tuned!
Vue/Ionic/Appsync Wish List
Vue…pretty much had everything I want. I do however have a few wishes for Vetur, the VSCode IDE extension for Vue. A very handy feature would be more intellisense for code navigation. In React with JSX components, I can right-click on a component in JSX and go to the components definition. I sorely miss this ability in Vue templates. Another is final prettier html formatting and Vetur using it. Right now the HTML formatting in Vue templates is iffy.
Ionic…get to release status and keep the apis fixed.
AppSync…support more datasource and resolvers for them. I know any of this can be done via a lambda at this point, but it would be more efficient if they were directly supported (no cold starts?). In particular AWS Neptune (graph database) and AWS Aurora (SQL Database). Support for offline development would be great too. Right now I am using these 3 below for deployment (via serverless-appsync-plugin) and local test/dev via the 2 packages from ConduitVC. They seem to work well, but it would be ice to have an official version form Amazon. For our demo app, I will need to figure out how to get the below working with the new Amplify GraphQL transformers.