Trial: 30 days with VueJs
Tags: vue, discuss, opinion, trial
Published: 2019-08-14 15:30:06

---
title: Trial: 30 days with VueJs
published: true
description: My opinion on VueJS after 30 days
tags: vuejs, discuss, opinion, trial
cover_image: https://blog.davidjeddy.com/wp-content/uploads/2018/10/VueJS_logo.png
---


<!-- wp:paragraph -->
<p>Given my roles over the last year plus writing code has be relegated to IaC, bash, or pipeline automation.s While nice that I still get to write logic the hunger to create something usable by people still nags in the back of my head. Given that the majority of the past decade or so has been server side; technologies like React, VueJS, Angular passed me by. Not that this is a problem, <code>frontend</code> never really interested me personally. Due mainly to the early 2000s when a dev had to write for IE AND Firefox, desperately. I hate repeating code just for one vendor.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>As such, I have been listening / watching VueJS courses during my free time. As many of you know I am also studying for certifications, so the VueJS time has been limited. In the last 30 days I would ballpark 40 hours worth of effort has gone into studying VueJS.</p>
<!-- /wp:paragraph -->

<!-- wp:image {"align":"center","id":959} -->
<div class="wp-block-image"><figure class="aligncenter"><img src="https://blog.davidjeddy.com/wp-content/uploads/2018/10/ce20a629653699.55fd4eb575bfe.jpg" alt="Everyone likes diagrams..." class="wp-image-959"/><figcaption>If your interested, this is key usage of a keyboard.<br>Source <a href="http://chickart.de/portfolio-item/bachelorarbeit-visualisierung-der-tastaturnutzung-im-verlauf-der-bachelorarbeit/">http://chickart.de/portfolio-item/bachelorarbeit-visualisierung-der-tastaturnutzung-im-verlauf-der-bachelorarbeit/</a></figcaption></figure></div>
<!-- /wp:image -->

<!-- wp:heading -->
<h2>Why VueJS? (the good)</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>VueJS has a number of points going for itself.</p>
<!-- /wp:paragraph -->

<!-- wp:list -->
<ul><li>No JSX</li><li>Not owned by FAANG (Facebook, Amazon, Apple, Netflix, Google)</li><li>active and engaged community</li><li>Performance,  small size,  include only what is required in build</li><li>Minimal setup dev / prod environments</li><li>IE 11 not support, no added baggage for a dated and dead browser</li><li>Large UI library options</li><li></li></ul>
<!-- /wp:list -->

<!-- wp:heading -->
<h2>What, really!? (the bad)</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>While VueJS has it's good parts, nothing is perfect. One of the biggest pains out of the box is var data accessibility. Functions calling functions calling properties calling functions. Just to pass an atomic data to a sibling component. (To be fair many front end frameworks suffers this same access problem.)</p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2>Resources</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Given the limited amount of time and attention&nbsp; I have been able to direct toward learning VueJS it was important for me to get the most bang for the attention minute buck. Here are some resources that really hit the spot.</p>
<!-- /wp:paragraph -->

<!-- wp:list -->
<ul><li><a href="https://www.udemy.com/vuejs-2-the-complete-guide">https://www.udemy.com/vuejs-2-the-complete-guide</a></li><li><a href="https://vuejs.org/v2/guide/">VueJS Guide</a></li><li><a href="https://vuejs.org/v2/examples/">VueJS Examples</a></li><li><a href="https://dev.to/">Dev.to community</a></li><li><a href="https://medium.com/quick-code/top-tutorials-to-learn-vue-js-for-beginners-6c693e41091d">Top Tutorials To Learn Vue Js For Beginners</a></li><li><a href="https://laracasts.com/series/learn-vue-2-step-by-step">Laracasts</a></li></ul>
<!-- /wp:list -->

<!-- wp:cover {"url":"https://blog.davidjeddy.com/wp-content/uploads/2018/10/javascript_logo.png","id":935} -->
<div class="wp-block-cover has-background-dim" style="background-image:url(https://blog.davidjeddy.com/wp-content/uploads/2018/10/javascript_logo.png)"><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","fontSize":"large"} -->
<p style="text-align:center" class="has-large-font-size">Javascript, maybe not so bad...</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover -->

<!-- wp:heading -->
<h2>Results</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>After maybe 40 hours of attention and effort some hands on practice and exposure to the community I think VueJS is worth looking at. It is flexible but not disorderly, powerful but not overwhelming complex, popular but not smothering. If can be included in nearly any standard web or native application as a part or whole, mobile native VueJS apps anyone? To round it out VueJS is performant and is on the adoption upswing.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Would I trade it for another option if the other option is in place and working? No, of course not. Would I pick VueJS for a new feature or project if given the chance? Yes, yes I would.</p>
<!-- /wp:paragraph -->