. Got comments, questions? Add them below!<\/p>\n","protected":false},"excerpt":{"rendered":"My last two projects hurled me into the JAMstack. SPAs, headless content management, static generation… you name it. More importantly, they gave me the opportunity to learn Vue.js. More than “Build a To-Do App” Vue.js, I got to ship real-life, production-ready Vue apps. The agency behind Snipcart (Spektrum) wanted to start using decoupled JavaScript frameworks […]<\/p>\n","protected":false},"author":250324,"featured_media":261686,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"sig_custom_text":"","sig_image_type":"featured-image","sig_custom_image":0,"sig_is_disabled":false,"inline_featured_image":false,"c2c_always_allow_admin_comments":false,"footnotes":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":[]},"categories":[4],"tags":[612,1073,1089],"jetpack_publicize_connections":[],"acf":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2017\/10\/s_F5250556F7D3391E68057B73327023BE3FABE38B82BFDFDDC88FB44D203DAEA0_1507664011389_calvin-chin-1929.jpg?fit=2300%2C1533&ssl=1","jetpack-related-posts":[{"id":267373,"url":"https:\/\/css-tricks.com\/building-serverless-cms-powered-vue-js\/","url_meta":{"origin":261678,"position":0},"title":"Building a Serverless CMS Powered by Vue.js","date":"March 2, 2018","format":false,"excerpt":"In this tutorial, you\u2019ll learn how to build a serverless Vue.js application using ButterCMS. ButterCMS is a headless CMS and blogging platform that lets you build CMS-powered apps using any programming language, including Vue.","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2018\/02\/vue-website.jpg?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":265413,"url":"https:\/\/css-tricks.com\/creating-vue-js-component-instances-programmatically\/","url_meta":{"origin":261678,"position":1},"title":"Creating Vue.js Component Instances Programmatically","date":"January 23, 2018","format":false,"excerpt":"I have been on a Vue.js project that required the ability to create components programmatically. By programmatically, I mean you create and insert the components completely from JavaScript, without writing anything in the template. This article aims to illustrate how different aspects of using components in a template, such as\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":271171,"url":"https:\/\/css-tricks.com\/building-a-rss-viewer-with-vue-part-1\/","url_meta":{"origin":261678,"position":2},"title":"Building a RSS Viewer With Vue: Part 1","date":"June 18, 2018","format":false,"excerpt":"As I explore, learn, and most importantly, play with Vue.js, I've been building different types of apps as a way to get practice with and improve my use of it. A few weeks ago, I was reading about the shut down of Digg's RSS Reader and while great alternatives exist,\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2018\/05\/vue-rss-viewer.jpg?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":253996,"url":"https:\/\/css-tricks.com\/vue-js-introduction-people-know-just-enough-jquery-get\/","url_meta":{"origin":261678,"position":3},"title":"A Vue.js introduction for people who know just enough jQuery to get by","date":"April 19, 2017","format":false,"excerpt":"Matt Rothenberg with a Vue.js tutorial playing off Shu Uesugi's 2015 article React.js Introduction For People Who Know Just Enough jQuery To Get By. Matt doesn't spend quite as much time comparing what building the UI component would be like in jQuery as compared to Vue as Shu did comparing\u2026","rel":"","context":"In "Link"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":250488,"url":"https:\/\/css-tricks.com\/intro-to-vue-3-vue-cli-lifecycle-hooks\/","url_meta":{"origin":261678,"position":4},"title":"Intro to Vue.js: Vue-cli and Lifecycle Hooks","date":"February 1, 2017","format":false,"excerpt":"This is the third part in a five-part series about the JavaScript framework, Vue.js. We'll cover Vue-cli, and talk a little more about real-life development processes. This is not intended to be a complete guide, but rather an overview of the basics to get you up and running so you\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2017\/01\/vue-3.jpg?fit=800%2C507&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":250503,"url":"https:\/\/css-tricks.com\/intro-to-vue-4-vuex\/","url_meta":{"origin":261678,"position":5},"title":"Intro to Vue.js: Vuex","date":"February 2, 2017","format":false,"excerpt":"This is the fourth part in a five-part series about the JavaScript framework, Vue.js. In this part, we'll cover Vuex for state management. This is not intended to be a complete guide, but rather an overview of the basics to get you up and running so you can get to\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2017\/01\/vue-4.jpg?fit=800%2C507&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]}],"featured_media_src_url":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2017\/10\/s_F5250556F7D3391E68057B73327023BE3FABE38B82BFDFDDC88FB44D203DAEA0_1507664011389_calvin-chin-1929.jpg?fit=1024%2C683&ssl=1","_links":{"self":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/261678"}],"collection":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/users\/250324"}],"replies":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/comments?post=261678"}],"version-history":[{"count":8,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/261678\/revisions"}],"predecessor-version":[{"id":261695,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/261678\/revisions\/261695"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media\/261686"}],"wp:attachment":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media?parent=261678"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/categories?post=261678"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/tags?post=261678"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}