Mastering the basics: Vue Kata

It’s fun to learn and try new stuff: create a web component, use CSS variables, or going over the ES6 iterations. But sometimes you need to go to the basics and master a language or framework. To do so you don’t need to push additional knowledge but be fluent in the material you already know. To master the basics.

The best way to do so is to practice katas. Yes, just like on martial arts. To take a simple task, and to do it again and again, each and every day for a week.

And since I decided to master my knowledge in Vue, I take upon myself to do the “to do” change. rebuild for a week, each and every day, a simple “to do” app. Doing a short task while reading the guides from the beginning. Each time with a minor difference, applying the new option seen from the documentation and mastering the langege and syntex.

So starting with this and ending up with this. There is plenty more to learn and master, starting with Vuex, but the week had passed. Still, the practice had done a marvelous change with the ability to have a clear point of Vue 🙂

From this:

To:

Last one with simple Vuex