banner image

THE HIDDEN STRENGTH OF VUE.JS

Without a doubt, writing web apps has matured over the years. Gone are the days of messy spaghetti code and monolithic architecture.


Thanks to frameworks such as Angular and React, developers can now write modern Javascript apps like an artisan craftsman. But the cold hard fact is, front-end development is still hard! But the good news is it doesn't have to be. I want to share with you how I've found my silver bullet to this problem: Vue.js.

 

Boilerplates and Middleware Can Be A Headache

I'm sure we can all agree that React is amazing. But what is even more amazing is how quickly your beautiful code can turn into a scary monster of middleware!
Javascript fatigue is real.

My experience with opinionated React boilerplate has been nothing short of a nightmare. After fruitless hours trying to do even the simplest task, I gave up fighting and trashed the project. I would have set it on fire, if I could.

 

          

 

The distilled truth is that it's still complicated to write modern Javascript apps. Too many API options and configurations increase learning curves. In the end, we spend more time trying to figure out what is going on instead of getting the work done.

 

The Right Tool For The Right Job

Front-end Engineers write apps for different reasons. Sometimes we're aiming to build the next big thing. And sometimes, we're trying to build an app that fetches us cute pics of kittens. Deciding to use React to build simple apps can be akin to bringing a bazooka to a knife fight.

 

Keep It Super Simple

My first impressions of Vue.js were unexpectedly good. With the Vue-cli, I had a functional "micro app", with state management, all hooked up in no time. It manages to take the best parts of Angular and React, and condenses it down into an “easier to digest” framework.

Needless to say, I've been singing praise for this underdog framework since then. I've realized engineers can still write great code, without drowning in complex configuration.

 

Vue.js: The Good Parts

1. One component file to rule them all

Vue files are a bit unusual, since they can marry your template, logic, and styling into one. It may be strange at first, but has the neat benefit of keeping your folder structure clean.

 

          

2. Scoped styles, made easy

Write plain CSS and scope them to your components with the single "scoped" attribute. No tooling or configuration required! Media-queries and pseudo-selectors will work without a hitch.

          

3. Begone Javascript classes

Get reacquainted with javascript Objects; it’s as simple as it can get.

 

4. Help is always at hand

Vue.js helpers allowed me to write simple one liners which usually would have taken whole blocks. The Angular-inspired directives do all sorts; such as binding, looping, or conditional rendering.

          

5. Well curated collection

By using a progressive framework, you have more flexibility and less clutter. The core framework is easy to pick up, and gets the basic job done. But if we need state management, we can drop in Vuex to handle it for us. And since the core Vue.js team writes each library, each integration is perfect.

 

The Key To Crossing The Finishing Line In Time

The simplicity of Vue.js has allowed me as a developer to write modern Javascript apps quicker. That is a huge boon when you're building apps on a deadline with an inexperienced team. Teams can save days of work by minimizing clutter and reducing learning curves.

So next time I hope we can all agree that we should leave the bazooka at home when you need to make your next kitten app.

 

linkedin icon facebook icon twitter icon email icon

RELATED ARTICLES

TO MAC OR TO PC? THAT'S THE QUESTION…
TO MAC OR TO PC? THAT'S THE QUESTION…

Whether you are a Mac Groupie or part of the PC master race, we are all part of the world of tech and we need to use a machine to make things happen.

THE HIDDEN STRENGTH OF VUE.JS
THE HIDDEN STRENGTH OF VUE.JS

Without a doubt, writing web apps has matured over the years. Gone are the days of messy spaghetti code and monolithic architecture.

group image

Have an idea?

LET’S WORK TOGETHER