Vuejs: Kickstart My Heart

I’ve never really considered myself a web developer as such. Yes, I work the full stack but the front-end has always felt like the wild west to me. It’s hard to apply the same kind of discipline to application structure in the front end that I’m used to in the back-end, or at least it was.

For a good number of years now my server side code structure has avoided the traditional idea of layered development in favour of feature “slices” or if you will, components. It has paid off handsomely and I love to show others the benefits of the approach I use. It’s an almost cookie-cutter implementation that in terms of team size scales wonderfully and makes it easy to produce codebases that anyone can jump in and out of with complete familiarity.

However, when it came to the front-end all bets were off. My ability to structure Javascript client-side code sucked. I knew it but I kind of put it down to the nature of web development. I told myself that that was just the way it was. Then a few months ago, in a concerted effort to get better at the front-end I came across React and the promise of components in the UI, and started down that route but for some reason I can’t quite remember I got sidetracked by this wonderful library called Vuejs and I’ve not looked back since.

Vue doesn’t get quite the same headlines the way React does but it’s definitely no less worthy. It’s pretty simple in nature and incredibly powerful in practice. Granted I’ve had to learn one or two other things to really get the benefit such as webpack, vue-router, and some Node stuff too but after a couple of weeks of experimentation I felt I knew enough to start applying it at work.

I’m now four months in on a journey to replace an ageing, poorly written, poorly performing, enterprise e-commerce application used by nearly all of our clients and Vuejs is at the heart of it. When I look at what I’ve already achieved in such a short space of time and the positive feedback both from within the work place and the one or two clients that have had a preview, I have zero regrets and full confidence that I made the right choice. I can’t imagine how I would have implemented some of the functionality using just plain old javascript and jQuery.

For the longest time I didn’t really enjoy coding in the front-end but if nothing else, Vuejs has actually made me interested in web development again. It’s given me a renewed enthusiasm, and sparked a whole slew of ideas for improving our existing applications. Who knows, I might even learn enough to share on this blog (something else I’ve neglected for too long). As far as I’m concerned, that alone is quite an achievement.

Vuejs: Kickstart My Heart

3 thoughts on “Vuejs: Kickstart My Heart

  1. RalfW says:

    Yeah, that’s a great feeling: to become interested in a long since shunned aspect of software development :-) I got this, too, recently when I stumbled across the Elm language: Made web frontends actually fun (again). No impedance mismatch anymore between HTML and code like there is in PHP even JavaScript, I’d say. Because with Elm there is no difference between a function like add() or h1() or div(). That way modularization of frontends is easy.

Comments are closed.