{"id":2165,"date":"2018-04-05T18:58:14","date_gmt":"2018-04-05T18:58:14","guid":{"rendered":"https:\/\/ionicframework.com\/?p=2165"},"modified":"2018-04-05T18:58:14","modified_gmt":"2018-04-05T18:58:14","slug":"ionic-at-vueconf","status":"publish","type":"post","link":"https:\/\/ionic.io\/blog\/ionic-at-vueconf","title":{"rendered":"Ionic at VueConf"},"content":{"rendered":"

Recently, I had the opportunity to attend the first conference for Vue<\/a> in the US, VueConf<\/a>. As an Ionic Developer Advocate, this was the first conference I attended that was not focused on Angular or general web technology. And as someone not too familiar to the Vue-ecosystem, it was a great experience. Along with the welcoming community, there were a few key points I wanted to highlight about VueConf and the Vue ecosystem on a whole.<\/p>\n

<\/p>\n

Emphasis on Community<\/h3>\n

It’s no secret that Vue was created (and still led) by one person, Evan You<\/a>. But as Vue has grown in popularity, community “ownership” of the project has also increased. Plugins and additional libraries are all part of the core Vue organization, but managed by various community members. There is no corporate motivator behind Vue, it’s just community building things for themselves. And this emphasis on community was constantly echoed by the conference. Everything felt like it was big gathering of friends. As a member of the Angular community and having the same strong connection, this was extremely inspiring to experience.<\/p>\n

Building cool things for users<\/h3>\n

One talk in particular that I want to highlight was from Pine Wu<\/a>, author of Vetur<\/a> for VSCode. Vetur adds tooling for “all the things” in Vue single file components (.vue<\/code> components). For instance, it can provide completion data inside of your templates when you are using data binding or calling Vue specific event bindings (@click<\/code> for example). It also handles syntax highlighting for templates, various CSS flavors, and JavaScript\/TypeScript in your scripts.<\/p>\n

Pine’s talk highlighted Vetur’s adoption by the community, but also a new project call ‘Proun’, which would enable real-time updates in the browser as you work inside VSCode. This was exciting to see, and really impressive!<\/p>\n

Pine’s talk really pushed the idea that the Vue community is creating these great tools (editor extension or libraries) all with the goal to make development easier.<\/p>\n

Lightning talks…and Ionic!<\/h3>\n

I had the opportunity to speak during a \u2018Lightning Talks\u2019 session about Ionic and our move to web components<\/a>. I wanted to introduce Ionic to the broader Vue community and explain how Ionic’s web components and Vue can work harmoniously together. While there\u2019s still work to be done, Ionic and Vue worked perfectly together without any major issues!<\/p>\n

During breaks, it was great talking to attendees who came by to express their excitement around using Ionic and Vue. The most common response was “I had used Ionic before, but when I changed jobs, they were using Vue so I couldn’t use it”. This speaks in volume to the downside of framework incompatibility – while frameworks are extremely helpful, they can also be incredibly isolating. This is why the whole Ionic team is so excited to see Web Components become more popular, along with frameworks like Angular and Vue add first class support for them.<\/p>\n

Parting thoughts<\/h3>\n

I want to thank for organizers of VueConf for putting on amazing event! The conference was really well organized and full of an incredibly diverse array of speakers. And thanks to the Vue community for not only being interested in the web component work we\u2019re doing at Ionic, but for also being excited for using Ionic with Vue. I can\u2019t wait to go back to VueConf next year and speak on what it takes to fully make Ionic (and web components) best friends with Vue!<\/p>\n","protected":false},"excerpt":{"rendered":"

Recently, I had the opportunity to attend the first conference for Vue in the US, VueConf. As an Ionic Developer Advocate, this was the first conference I attended that was not focused on Angular or general web technology. And as someone not too familiar to the Vue-ecosystem, it was a great experience. Along with the […]<\/p>\n","protected":false},"author":5,"featured_media":2166,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"publish_to_discourse":"","publish_post_category":"","wpdc_auto_publish_overridden":"","wpdc_topic_tags":"","wpdc_pin_topic":"","wpdc_pin_until":"","discourse_post_id":"","discourse_permalink":"","wpdc_publishing_response":"","wpdc_publishing_error":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-2165","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-all"],"acf":[],"yoast_head":"\nIonic at VueConf - Ionic Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ionic.io\/blog\/ionic-at-vueconf\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Ionic at VueConf\" \/>\n<meta property=\"og:description\" content=\"Recently, I had the opportunity to attend the first conference for Vue in the US, VueConf. As an Ionic Developer Advocate, this was the first conference I attended that was not focused on Angular or general web technology. And as someone not too familiar to the Vue-ecosystem, it was a great experience. Along with the […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ionic.io\/blog\/ionic-at-vueconf\" \/>\n<meta property=\"og:site_name\" content=\"Ionic Blog\" \/>\n<meta property=\"article:published_time\" content=\"2018-04-05T18:58:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2018\/04\/ionic-vue-retro-img.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1400\" \/>\n\t<meta property=\"og:image:height\" content=\"560\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Mike Hartington\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@mhartington\" \/>\n<meta name=\"twitter:site\" content=\"@ionicframework\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Mike Hartington\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/ionic.io\/blog\/ionic-at-vueconf#article\",\"isPartOf\":{\"@id\":\"https:\/\/ionic.io\/blog\/ionic-at-vueconf\"},\"author\":{\"name\":\"Mike Hartington\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/person\/c8c92b04d526adb925ea514c619a267b\"},\"headline\":\"Ionic at VueConf\",\"datePublished\":\"2018-04-05T18:58:14+00:00\",\"dateModified\":\"2018-04-05T18:58:14+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/ionic.io\/blog\/ionic-at-vueconf\"},\"wordCount\":578,\"commentCount\":12,\"publisher\":{\"@id\":\"https:\/\/ionic.io\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/ionic.io\/blog\/ionic-at-vueconf#primaryimage\"},\"thumbnailUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2018\/04\/ionic-vue-retro-img.jpg\",\"articleSection\":[\"All\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/ionic.io\/blog\/ionic-at-vueconf#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/ionic.io\/blog\/ionic-at-vueconf\",\"url\":\"https:\/\/ionic.io\/blog\/ionic-at-vueconf\",\"name\":\"Ionic at VueConf - Ionic Blog\",\"isPartOf\":{\"@id\":\"https:\/\/ionic.io\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/ionic.io\/blog\/ionic-at-vueconf#primaryimage\"},\"image\":{\"@id\":\"https:\/\/ionic.io\/blog\/ionic-at-vueconf#primaryimage\"},\"thumbnailUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2018\/04\/ionic-vue-retro-img.jpg\",\"datePublished\":\"2018-04-05T18:58:14+00:00\",\"dateModified\":\"2018-04-05T18:58:14+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/ionic.io\/blog\/ionic-at-vueconf#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ionic.io\/blog\/ionic-at-vueconf\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ionic.io\/blog\/ionic-at-vueconf#primaryimage\",\"url\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2018\/04\/ionic-vue-retro-img.jpg\",\"contentUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2018\/04\/ionic-vue-retro-img.jpg\",\"width\":1400,\"height\":560},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/ionic.io\/blog\/ionic-at-vueconf#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/ionic.io\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Ionic at VueConf\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/ionic.io\/blog\/#website\",\"url\":\"https:\/\/ionic.io\/blog\/\",\"name\":\"ionic.io\/blog\",\"description\":\"Build amazing native and progressive web apps with the web\",\"publisher\":{\"@id\":\"https:\/\/ionic.io\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/ionic.io\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/ionic.io\/blog\/#organization\",\"name\":\"Ionic\",\"url\":\"https:\/\/ionic.io\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png\",\"contentUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png\",\"width\":1920,\"height\":854,\"caption\":\"Ionic\"},\"image\":{\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/x.com\/ionicframework\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/person\/c8c92b04d526adb925ea514c619a267b\",\"name\":\"Mike Hartington\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2018\/08\/mike-headshot-2-smaller-150x150.png\",\"contentUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2018\/08\/mike-headshot-2-smaller-150x150.png\",\"caption\":\"Mike Hartington\"},\"description\":\"Director of Developer Relations\",\"sameAs\":[\"https:\/\/twitter.com\/mhartington\",\"https:\/\/x.com\/mhartington\"],\"url\":\"https:\/\/ionic.io\/blog\/author\/mike\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Ionic at VueConf - Ionic Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ionic.io\/blog\/ionic-at-vueconf","og_locale":"en_US","og_type":"article","og_title":"Ionic at VueConf","og_description":"Recently, I had the opportunity to attend the first conference for Vue in the US, VueConf. As an Ionic Developer Advocate, this was the first conference I attended that was not focused on Angular or general web technology. And as someone not too familiar to the Vue-ecosystem, it was a great experience. Along with the […]","og_url":"https:\/\/ionic.io\/blog\/ionic-at-vueconf","og_site_name":"Ionic Blog","article_published_time":"2018-04-05T18:58:14+00:00","og_image":[{"width":1400,"height":560,"url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2018\/04\/ionic-vue-retro-img.jpg","type":"image\/jpeg"}],"author":"Mike Hartington","twitter_card":"summary_large_image","twitter_creator":"@mhartington","twitter_site":"@ionicframework","twitter_misc":{"Written by":"Mike Hartington","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/ionic.io\/blog\/ionic-at-vueconf#article","isPartOf":{"@id":"https:\/\/ionic.io\/blog\/ionic-at-vueconf"},"author":{"name":"Mike Hartington","@id":"https:\/\/ionic.io\/blog\/#\/schema\/person\/c8c92b04d526adb925ea514c619a267b"},"headline":"Ionic at VueConf","datePublished":"2018-04-05T18:58:14+00:00","dateModified":"2018-04-05T18:58:14+00:00","mainEntityOfPage":{"@id":"https:\/\/ionic.io\/blog\/ionic-at-vueconf"},"wordCount":578,"commentCount":12,"publisher":{"@id":"https:\/\/ionic.io\/blog\/#organization"},"image":{"@id":"https:\/\/ionic.io\/blog\/ionic-at-vueconf#primaryimage"},"thumbnailUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2018\/04\/ionic-vue-retro-img.jpg","articleSection":["All"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/ionic.io\/blog\/ionic-at-vueconf#respond"]}]},{"@type":"WebPage","@id":"https:\/\/ionic.io\/blog\/ionic-at-vueconf","url":"https:\/\/ionic.io\/blog\/ionic-at-vueconf","name":"Ionic at VueConf - Ionic Blog","isPartOf":{"@id":"https:\/\/ionic.io\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ionic.io\/blog\/ionic-at-vueconf#primaryimage"},"image":{"@id":"https:\/\/ionic.io\/blog\/ionic-at-vueconf#primaryimage"},"thumbnailUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2018\/04\/ionic-vue-retro-img.jpg","datePublished":"2018-04-05T18:58:14+00:00","dateModified":"2018-04-05T18:58:14+00:00","breadcrumb":{"@id":"https:\/\/ionic.io\/blog\/ionic-at-vueconf#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ionic.io\/blog\/ionic-at-vueconf"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ionic.io\/blog\/ionic-at-vueconf#primaryimage","url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2018\/04\/ionic-vue-retro-img.jpg","contentUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2018\/04\/ionic-vue-retro-img.jpg","width":1400,"height":560},{"@type":"BreadcrumbList","@id":"https:\/\/ionic.io\/blog\/ionic-at-vueconf#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ionic.io\/blog"},{"@type":"ListItem","position":2,"name":"Ionic at VueConf"}]},{"@type":"WebSite","@id":"https:\/\/ionic.io\/blog\/#website","url":"https:\/\/ionic.io\/blog\/","name":"ionic.io\/blog","description":"Build amazing native and progressive web apps with the web","publisher":{"@id":"https:\/\/ionic.io\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ionic.io\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/ionic.io\/blog\/#organization","name":"Ionic","url":"https:\/\/ionic.io\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png","contentUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png","width":1920,"height":854,"caption":"Ionic"},"image":{"@id":"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/ionicframework"]},{"@type":"Person","@id":"https:\/\/ionic.io\/blog\/#\/schema\/person\/c8c92b04d526adb925ea514c619a267b","name":"Mike Hartington","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ionic.io\/blog\/#\/schema\/person\/image\/","url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2018\/08\/mike-headshot-2-smaller-150x150.png","contentUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2018\/08\/mike-headshot-2-smaller-150x150.png","caption":"Mike Hartington"},"description":"Director of Developer Relations","sameAs":["https:\/\/twitter.com\/mhartington","https:\/\/x.com\/mhartington"],"url":"https:\/\/ionic.io\/blog\/author\/mike"}]}},"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2018\/04\/ionic-vue-retro-img.jpg","_links":{"self":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts\/2165","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/comments?post=2165"}],"version-history":[{"count":0,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts\/2165\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/media\/2166"}],"wp:attachment":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/media?parent=2165"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/categories?post=2165"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/tags?post=2165"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}