21-year-old Code for Cape Town alumni, Mandisa Dlubom joined Responsive Tech as an intern earlier this year and we’re so grateful that she did. We asked her a few questions and her answers reveal why she has been such a good fit and how having her with us has been more than mutually beneficial. What a woman!
Without a doubt, writing web apps has matured over the years. Gone are the days of messy spaghetti code and monolithic architecture.
Boilerplates and Middleware Can Be A Headache
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 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.
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
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.