The power of Vue is in making reactive components child’s play. Well, that is true if the child in question is a 8-year old nephew who knows the basics of Javascript - you know what I mean. Consider an example that I have used before - 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 <template> <div class="hello"> <h1>{{ msg }}</h1> <p> <button @click="sayHello">Hello</button> <span v-if="showHello">&nbsp;World!

Vue provides what are called ‘Single File Components’ (SFC) that make the development process easier. Completely new to Vue? Head over to another post and get to know Vue. One of the big advantages of Vue is the fact that it can be deployed in multiple ways in your app. You can link Vue CDN link and just start using it for simple purposes, or use the full scale development environment setup by Vue CLI.

The advise that has been belted out fairly often for budding front-end developers - Learn HTML Learn the fundamentals of Javascript Push yourself through styling Know how to create APIs - REST, GraphQL Go deep with design patterns, test automation, build tools, and so on I beg to differ.

Ok, I admit. Amongst the tens of frameworks that I have used and hundreds that I said ‘hello’ in, I have come to love Vue more than I would like to admit. Vue has made my life easier. IMO a beginner to Javascript (but who is experienced with programming) should pick up Vue over anything else that exists today.

I have been associated with the development of a couple of data-driven applications. One of the common requirements is for a few fields to have a ‘rich text’ control. Rich text allows the user to - Format text - paragraphs, colours, font-types etc. Include media like images and videos Rich text fields also find usage in report design (a story for another day).