World Religions — Islam

The most misinterpreted religion in the world.

Assalamu Alaikum Wa Rahmatullahi Wa Barakatuh

I greet you all with the warmest Islamic greetings of peace and blessings. May Allah’s mercy and blessings always be up on you.

Ladies and gentlemen, a few months ago, I picked up the vast sphere of world religions and studied them with keen interest and love. This subject that I had stayed away from for years, seemed like the only subject I should read and learn. Of course, this is just my opinion.

Growing up, I was a very religious person and in many ways, it has helped. But I lacked back then was the understanding of who God really is. Honestly, I was just living under the false pretence that whatever the elders and society preached as the truth about God was the ultimate truth that I need to believe. It was until recently when I sat down and focussed and feeding my soul that I came across the truth about the Almighty.

Like all other religions of the world, Islam too caught my interest. But it was the only religion that kept me intrigued at each level of knowledge. Thanks to the negative comments and notions that are spread all over the world, unfortunately, I, too, believed that there was something wrong with the beliefs and customs of this religion.

Oh, boy! I couldn't have been more wrong!

From watching a 5-minute long video to a 2-hour long lecture on Islam, I spent my days and nights for months together until my soul had found the food it lacked. These months turned out to be the most beautiful months of my life because for once, I felt like I had a purpose. My quench was knowledge was growing and rooting itself deep inside my chest. And each day, I would retire to bed knowing that there was a divine power who was looking after me.

The true sense of happiness and pride gushed into my heart when I came across these wordings — “And rely upon Allah, and sufficient is Allah as Disposer of affairs.” (Qur’an 33:03)

When all else fails, most people dig themselves into a spiral of sadness, anger, spite and envy. As humans, we often don't realise the negative outcome of such feelings. It not only affects your mind it also gradually starts eating up your physical health. People end up suffering from chronic disorders thanks to stress and ill-management of feelings.

We sure don't want to be a part of it, do we?

All praises are due to God. Before I could dive into negative thinking, He gifted me with the blessing of understanding world religions (especially Islam) and ultimately understanding who He truly is.

In this article, my intention is to spread the beauty of Islam and in no way hurt or disrespect anyone’s emotions and beliefs. Islam has opened up many doors of peace for me and I would like to share a few teachings with you all. Like any other religion, it is filled with love and harmony.

Islam means to wholly and fully submit to the will of God. In short, it is a way of thinking good even in bad situations. That is, be grateful no matter what because God is the source of all good and every situation has a reason though we might not understand now. And by being in a state of gratitude, I have experienced peace and calmness that I never have. I agree it’s not easy to say thank you in every situation, but when you learn that God is the All-wise being and someone Who knows what is best for us, it becomes easier. Islam also simply means peace. And for me, it is the only source of peace these days. Alhamdulillah.

The history of Islam is beautiful in so many ways. No matter how many times I read, it does something to my heart. Islam is a monotheistic religion that was revealed to Muhammad (peace and blessings upon him) in 610 CE in the holy city of Makkah. For Muslims, Islam is not a new religion, rather it is the continuation of all the traditions that believe and gratify the oneness of God. In other words, it is an Abrahamic religion.

We all have a perception of God in our minds. Some ideas are the lessons that we have learned from family, some from the society we live in, and some from the research and books we have read.

But what does the Qur’an (the holy book of Muslims) tell us about God? Here is a surah (chapter) from the Qu’ran which tells us about Allah (God). It is one of my favourite surahs as it has the essence of who God is and how powerful He is.

Before we dive in, it is worth mentioning that in the Arabic language, Allah means The God (Al-Ilah).

Who is Allah?

During the time of prophet Muhammad (peace be upon him), the pagan Arabs asked him a simple yet powerful question — Who is God? Describe him.

After a few days, a revelation was sent down to the prophet (peace be upon him) in the form of “Surah Al-Ikhlas” (the sincerity) which is the 112th chapter of the Holy Qur’an.

BISMILLAH AR-RAHMAN AR-RAHEEM
In the name of Allah, the Lord of Mercy, the Giver of Mercy

Say, “He is Allah, [who is] One, (112:1)

Allah, the Eternal Refuge. (112:2)

He neither begets nor is born, (112:3)

Nor is there to Him any equivalent.” (112:4)

Allah is the only God, He is self-sufficient and He is the lord of the worlds. He is independent and He is free of all wants and needs. He has no children and nor was He born of anyone. And there is no one equivalent to Him.

Ladies and gentlemen, I would like to end by saying that I consider this a great blessing that God decided that I write a tiny article about Him and spread the beautiful message. I couldn’t have asked for more. I am truly grateful.

Allah Hafiz (God protect you.)

World Religions — Islam was originally published in The Jabberjays on Medium, where people are continuing the conversation by highlighting and responding to this story.

Bulkhead Pattern

Isolate the services so that can be used for high priorities. Creating the services based on load requirement and then isolating them based on their load so even if that service fail related to that client only that client may experience the load and won’t affect other consumers.

Example: Let’s consider we have 2 clients (A and B) which are reliable on booking service so to serve client A is being high priority, now let’s consider if the service is going down if client B is making some request in this case the client is also has to wait. So to achieve minimum wait time for client A as it is being high priority we can create a separate thread pool for it making a good flow for client A, so even if the booking service fails because of client B, client A will still receive the service.

Fallback pattern

When the service is not available or it is failing the service can use an alternative code path for approach and do the required work.

Example: If the server is not able to retrieve data from the database then it may use it’s caching layer to get the last cached data to increase the user experience.

Circuit breaker pattern

It is used to make sure that if a system fails repeatedly for some number of times then the failure should be reported. The connection to that service should be closed and the services which request that particular service should be reported immediately that system has been failed so to reduce the wait time of the service as the eventual outcome is failure.

Example: Now for reservation service requires payment service in order to successfully reserve a ticket. Now let’s say the payment service takes some 2 minute and fails so for every request it is being happening like this so each user needs to wait for 30 seconds and has to experience failure. So as the system know that the service will fail we can break the connection for all requests and allow some specific request to try. If it is still failing then we can return the result as failure instead of trying to save the user’s time and tell the user to retry after specific amount of time.

Compensating transaction pattern

In each transaction some of the steps are being performed now if the middle step is being failed then we need to reverse back the steps which were performed if that affects the system.

Example: Let’s consider we have 3 services named booking, reservation and payment. Now we have completed the payment and booking is done but now the user changed his/her mind and cancelled the booking. So in order to cancel the booking we need to do a series of step to undo the booking. So we need to make the repay the user the amount and we need to make the seat available again so that other users can book that ticket.

Retry Pattern

Retry patterns are used to retry the same function after a specific interval of time ensuring the service may work after some time. Interval can be of two types fixed time and exponential time interval. Even the number of retires need to be specified as we don’t want to try the service if that service is permanently shut down

Example: When we are trying to do the payment and that payment service provider is not available for some time because of some internal server error then the payment can be retried to check if that service is available at that instance of time.

Queue based levelling pattern

Sometimes the services are not available because of some internal server error or high load but the task is critical to perform and the task need not be repeated so we can use queue based systems to store the request and do the task once the service is ready to take new requests. This can be used in a combination with other patterns to maximize the availability.

Example: Let’s consider the payment service is not responding so we break the circuit now instead of making the requests failed we can store those requests in queue for later processing once the service is available and if even after a later point of time the service is not available then we can mark the requests in the queue as failed an return to the user.

So these are some of the resiliency patterns which can be used. Thanks for reading, if you liked please clap any suggestions are welcome in comment section.

References:

https://docs.microsoft.com/en-us/azure/architecture/framework/resiliency/reliability-patterns

Resiliency patterns in microservice architecture was originally published in The Jabberjays on Medium, where people are continuing the conversation by highlighting and responding to this story.

“God gave me Parkinson’s syndrome to show me I’m not ‘The Greatest’ — he is. God gave me this illness to remind me that I’m not Number One; He is.”

— Muhammad Ali

Dear God,

As I pen my feelings down, I am just grateful that I am not worrying or stressing about anything. I am just talking my heart out and it feels great. So, thank You. Thank You for this peace. This is peace — once which seemed unattainable — is quite possible to gain now, thanks to You. But not going to lie, I do have those days when I feel like a complete wreck.

I recently learned that this life is a test. I know, how crazy is that?! I was blank and ignorant for twenty-something years. And I do regret being away from You for so long. It never really hurts to try something new. But I don’t know why I was never intrigued about the creator that controls everything from a leaf to billions of humans.

Wow, the powers you possess bewitch me!

“Don’t tell your God how big your storm is, tell your storm how big your God is.” — Unknown

Ok, coming back to my original point now. Life is a test, like any other we used to take in school. An examination, rather. But did we get enough time to prepare? Did we know the syllabus? No. I do not think so. I was born with no knowledge whatsoever. I was just a lump of tissues. How did I learn everything I have learned till now? Through society. Through the rotten and untamed thoughts of people, unfortunately.

That is why it is so important to unlearn certain things. We, as humans, are not always fed the right knowledge at times.

But what I assume is, doesn’t every situation that we go through count as a lesson? Yes. I guess, it does. Right? I also guess that our previous mistakes are supposed to build a foundation for our present exam. Yes, it makes sense now. Thanks, God. I’m getting closer to understanding life.

But there is something that baffles me — You let us try again and again and again. No matter how badly we perform in your test (which we call life), You allow us to wake up and see another day and relive another test that you so gracefully provide. How and why do You do that? Why don’t You just destroy us all then and there?

“God is our refuge and strength. A very present help in trouble, therefore we will not fear.” — Unknown

Ok now, let’s keep the test aside because I am confident that most of us don’t live up to your expectations. We indulge in things that are unethical and forbidden. We spend nights sinning and swaying away from the good that is described by You. But what happens the next morning when we wake up?

The sun is brightly smiling at us while our dining table is filled with food as a strong roof protects us.

Why God? Why do You love us so much? Why do You provide us with blessings and ease even when we are one of the worsts among your creations? Why do You give us a chance to repent and resolve back to goodness? Is this what unconditional love means?

And also, the year 2020 and 2021, as I write this, we are experiencing the most terrible difficulty — life-taking, career-ending, and dream-destroying pandemic. But what did that do to me? It pushed me off the cliff while You lovingly held me and brought me to light. You let me walk a path so clear and beautiful that I forgot everything that made no sense. It brought me closer to You. It made me look at the bright side of things. It made me value gifts and people I once horrifically took for granted. It made me fall in love with myself because You are the creator, and every creation of Yours is perfect. We are all perfect, whole and we deserve happiness. It also taught me patience and told me to hold on tight to You.

So was the pandemic really a bad thing? How do You so beautifully embed goodness even in the most critical times? Tell me, please.

God, I know you are listening, because you are the all-listening and all-aware. (As-Samee and Al-Aleem)

Oh, there is also one important thing I have learned and it’s my favourite post on Instagram.

‘If God can turn night into day, then he can turn your burden into a blessing. Trust him.’

Anyway, I have one last thing to say. And it’s something I want to tell you from all my heart and soul.

I am truly very sorry, for everything. For the times I didn’t appreciate your gifts. For the times I didn’t love thy neighbours. For the times I let anger and envy grow inside of me. For the times I didn’t care for myself. For the times I didn’t love myself enough. And most importantly, for the times I didn’t trust You enough.

Tawakkal is an Arabic word that means “reliance on God” or “trusting God completely”. I’m sorry I lack it at times. I’m trying to work on it, I promise. Give me some more time and I’ll perfect it.

Till then, help us all and bless us with Your love. You are the most merciful and I beg that you shower us with your mercy. We really need it.

Thank you, God, for listening. And thank You for everything.

— Your servant

Remember,

God never ends anything on a negative; God always ends on a positive. — Unknown

A Letter to God was originally published in The Jabberjays on Medium, where people are continuing the conversation by highlighting and responding to this story.

Meet Naina, a five-feet two-inches tall, smart and beautiful girl from the southern part of the city. The story begins when she was just 17-years-old. What an age to be alive! That spontaneous age, when you feel complete, in an incomplete rhythm. The sudden outburst of hormones kicks you right in the gut and tells you to burn another cigarette while breathing in the sight of desperately handsome young senior men from college.

Isn’t it the time to be alive and to live dangerously? Isn’t it the perfect time to make a new friend every hour? To party and to dance? To shout and to scream? To love and to break hearts? To booze and to collapse into a painful headache? To study and to make a career? Study ah? Career? Er… What? Oh yeah, that’s Naina’s parents speaking inside her head.

“My parents will never let me chase my dreams… They don’t even let me read a novel during the exams!” I remember her telling me this. Sadly, I didn’t know how to comfort her. I felt helpless and disdained, but I didn’t know how to react. I bought her ice cream and dropped her back home that evening. What else could I have done? Her parents were keen on making her an engineer. Besides, I thought she’d make an amazing one too. She is so extremely smart and has the right amount of sanity to ace all the exams that would come her way. Isn’t that all she needs to become an engineer?

“What are you talking about?” Naina shouts at me, “I have no passion for this nonsense!”

“Passion? What is all that? Your first day of engineering starts tomorrow. Become an engineer and settle down in an MNC company. Two years later, you can get married!”

“Oh, for God’s sake!” she shouts again. What is up with her? Is it that time of the month already? Girls! You’ll never understand them. I don’t even want to comprehend her madness anymore; I have more important things to do. I need to double-check the code for an error-free version before I send it to my team lead (TL). I also need to make a presentation on the latest product that we are working on for tomorrow’s meeting. I’m going pull an all-nighter. Hey! The company at least pays me well, so it works though I mundanely enjoy the work. The money is good, so why not?

“Uh, because I want to be happy…”

“Ok stop now, go enjoy your first day of college.”

“I’ll try!”

And did she try or what? She did so severely, so madly and so awesomely! Kudos to her brave soul and her longing for perfection! Distinction every semester? Man! Is she insanely normal or what? Topped every single exam she ever wrote, and guess what? She attended every single party her friends organized as well. She bunked most of her classes and still managed to cope up in every damn semester!

Maybe that is what we call dedication! She never stopped herself from learning new things even if she hated the concepts. She wanted to give her one hundred per cent, no matter what field she let her toes dance in. She wanted to be the best in everything her life took her in. She believed in nothing but perfection. ‘Go all in or go home,’ was her motto.

The sudden change in plans

Four years later, she was finally breathing in some freedom. She had happily secured a job in one of India’s Fortune five hundred companies and her grades were skipping with ecstasy. What a bright girl! She had secured herself a future that would support her till her last. I was so extremely proud of her! I hugged her and gave my blessings to her. But her reaction was rather odd; she wasn’t pleased with all. In fact, she didn’t even smile at me.

“It’s all beautiful on the outside, but this isn’t what I want…”

Oh, yeah! The overambitious friend of mine would never be happy in a position that would ask her to do the unsatisfactory work while churning her peace inside out.

“What are your plans then?”

“I already have executed my plan!” She beamed at me and continued, “So I gave an interview at this very promising company… And when it comes to paying, they are paying twice as much!”

“Wow! Did you get into core?” I asked proudly. Imagine getting placed in alluring companies like Bosch, LG, Samsung or even BHEL for that matter!

“Core? I wish… But it has nothing to do with engineering.”

“What do you mean?” I asked taking a sip from my teacup.

“Okay, the company has a lot of planes…”

“Wow, Boeing? Airbus? Damn! Tell me…”

“Hey, calm down… I’m just going to be an air hostess.”

I spilt the tea all over my shirt before saying, “Air hostess? Just air hostess? What the?”

“Well, it’s not Bosch…”

I could see that I had let her down. What a stupid thing to do! But, seriously? Air hostess? That is so cool! Working amidst the clouds, visiting new and fancy places, five-star hotel accommodation, different sectors every day, excitement at every corner, and let’s not forget the new load of experience that she’ll be gaining.

“Honey, you’ll be living your dream. Half of us don’t even have the guts to speak about our passion with our parents and look at you, starting to live one!”

“It feels nice when you put it that way…” She smiled happily.

“Well, think about it, Naina, you’re an inspiration… A total motivation for anyone trying to live their dream.”

“Well, I wouldn’t say that… I just really wanted to be an air hostess, I did it. Nothing great… You’re exaggerating.”

“You’re kidding, right? It’s not every day that people come up to me casually and say that they will be living their dream life!”

She giggled and I hugged her again.

“But, I guess, I’ll never have to come back home and still work as you do!”

“I’m jealous! Haha, anyway…. What about your parents?”

“They have made peace with it. They initially didn’t understand and honestly, they were angry. But now, they can see how much this means to me and they are supportive. They seem proud of me for chasing my dream! But, is it really such a big deal?”

What did I learn from her?

Naina, what a modest little girl you are! Such an inspiration to me and to million others who stepped away from their dreams just because parents said no, just because the society thought it was a disgrace. What this country would have seen if we had just received a little more love, support, and freedom. That evening, I promised her that I’d make her story a tale for others to read and relish.

But that is not all I have learned from this charming friend of mine. Let me list it down for you.

Let’s never be selfish. It is, of course, our life and we choose how to live. But let’s never ignore what our parents need. Naina managed to be a brilliant engineer and an affectionate flight attendant. She despised those four years of engineering, but she ensured that she still aced it. It meant something to her parents.

Society is going to say a lot of harsh things, even when you’re on the right track. So, why listen? Let’s just slay, shall we? Naina is very proud of herself for accomplishing her dreams. Honestly, a lot of people told her that being a cabin crew member wasn’t her cup of tea. She never took those words to her heart. Instead, she kept her vision clear and chased her dreams.

Naina, to this date, has a great backup; thanks to her parents for ensuring that she got a degree

She always told me to put in everything you have in everything you decide to do. A bright kid with a beautiful flying career. Never do anything with half your heart.

Last but not least, never, ever, belittle a job or a person. Naina is one of the smartest kids I know and guess what? Being an air hostess was her personal choice! So before, we judge a career the next time, let’s think twice.

I hope we all learned something we’ll be carrying around for ages now. Let’s never walk away from our dreams. Agreed?

Why She Chose To Be An Air Hostess After Getting An Engineering Degree was originally published in The Jabberjays on Medium, where people are continuing the conversation by highlighting and responding to this story.

Object-Oriented Programming is a methodology or paradigm to design a program using classes and objects. One of the core features of object oriented programming is inheritance in which one object acquires all the behaviour and properties of a parent object. It is used to increase reusability of code. The feature is great but there is a drawback that any class can inherit the properties of our base class by extending it. However we can make a class final so that no other class will be able to inherit it, but then it won’t help in creating reusable code.

Let’s say we are creating a base class named as Animal and we want other developers to use the functionalities of our base class. So other developers just have to extend the base class and they will inherit all the functionality defined in the base class. Now a developer created a class named as Dog, since dog is also an animal so the developer extends dog class with animal class and inherits all the functionality of animal class. Now there is another developer who is creating a class named as Person and he wants to inherit a method of our base class animal( let’s say a method named as walk() since both person and animal walk). This is fairly possible while writing code, but if talk in a real world scenario then a person is not an animal, so a class named as Person should not inherit the property of a class named as Animal. In brief we can say that we want to restrict access, that is we only want a certain sub classes to extend our base class. We can not make our base class final because then no other class will be able to inherit it. To rescue us from this problem, java in jdk-15 has provided us with a feature known as Sealed class.

As the name suggests with sealed class we can seal a class, as in we can say that which sub-classes are permitted to extend our base class. By allowing restrictive access to our base class we are implementing a hierarchical, cleaner and restricted design.

Let’s try to understand the concept of Sealed classes with the above example where in we have animal as our base class and two sub classes Dog and Person inheriting it.

In the given image, we can see that both Dog and Person class are able to inherit the properties of Animal class and this code will work absolutely fine as well. But if think in a real world scenario, the Person class and Animal class are no where related and we want to restrict access to our Animal class.

The way to make a class as sealed to class is by using a sealed keyword. The moment we write sealed there is an error in the classes which are inheriting the sealed class. The reason for this error is because we have not allowed the sub classes to inherit the property of sealed class. The way to resolve this error is by allowing access to sub class. The way to do this is using the permits keyword.

Now we have permitted the Dog class to inherit the properties of it’s base class Animal but there is another error which is “sealed, non-sealed or final modifiers expected”. Before diving into solving this error let’s understand what are these three modifiers.

Sealed

When we want to allow only certain sub class to inherit the properties of our base class then we will use sealed, where in we will write permits after class name followed by comma separated values of classes to permit.

Non- Sealed

When we want any number of classes to extend our base class then non-sealed modifier will be used. Here the class is prefixed by keyword non-sealed.

Final

when we don’t want any subclass to inherit the properties of our base class then we will use final modifier. Here the class is prefixed by keyword final.

Coming back to the error we got, the permitted sub class must have exactly one of the above modifiers to continue the sealing initiative by it’s base class. So if want other sub classes to inherit the Dog class then the modifier will be sealing, if we don’t want any restrictive access on the Dog class then the modifier will be non-sealed and lastly if we don’t want any other class to inherit our dog class then the modifier will be final. For the purpose of this article let’s not further extend the properties of Dog class, so we will make it final.

There is an error in our Person class which is inheriting the properties of our base class Animal, the error is because we have not allowed Person class to inherit the properties of our base class Animal. So the person class won’t have the access of the methods of base class Animal.

There are few pointers that we need to consider:

• A sealed class and its permitted sub classes should be in the same package.
• A permitted subclass should directly extend its super class.

In summary, it should be possible for a superclass to be widely accessible (since it represents an important abstraction for users) but not widely extensible (since its subclasses should be restricted to those known to the author).

Sealed Classes-Approaching Restrictive Inheritance was originally published in The Jabberjays on Medium, where people are continuing the conversation by highlighting and responding to this story.

There can be multiple reasons for choosing a frontend framework for your application. It might be the type or size of application or the budget, resources and time factors. So here comes the question Why use Vue.js ?

Vue.js is a library and thus the size is around 20Kb. It is very flexible and uses easy JavaScript (TypeScript can also be used) and Html to design attractive UI. It provides great performance and memory allocation due to it’s well built model-view-model structure. The framework is majorly used for creating SPA’s(Single Page Applications).Vue.js offers a separation of concern and has a small learning curve, thus making it a good choice for beginners. I saw it as combination of features from both Angular and React.

However, there is a misconception that Vue.js can’t be used for large scale applications. The concern is addressed by Evan You (creator of Vue.js) in the below link.

Choose between ReactJS and VueJS for frontend project using Laravel? - Hashnode

How to use Vue.js ?

Vue.js can be injected directly into a static HTML page.

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

Data and DOM are linked in the <script> tag and the data is displayed using {{data}}.

<body>
    <div id="app">{{msg}}</div>

    <script>
      const App = new Vue({
        el: '#app',
        data: {
          msg: 'Hello World!',
        },
      })
    </script>
  </body>

To perform a similar task using Vue CLI using npm we need these commands:

npm install -g @vue/cli
vue create test-app

cd test-app
npm run serve

How does a Vue Component look like ?

Any Vue component will have a <template>, <script> and <style> tags in a single file.

<template> tag has all the HTML code

<style> tag has an option to define the language (css, scss etc.) and also has a property “scoped” so that the style applies only to the component and not globally.

<script> tag has all the data and logic for the component. It also needs a name for identification.

<template>

<div id="app">
<div id="nav">

<router-link to="/">Home</router-link>
<router-link to="/about">About</router-link>

</div>
</div>

<router-view/>

</template>

<script>
export default {

name: 'App',
components: {},

props:{}

data(){
return{}
},
computed:{}
methods:{}

};
</script>

<style lang="scss" scoped>
</style>

Props: They are like custom attributes in a component. When a value is passed as a prop it becomes a property for that component’s instance

Data: It is a function so instance can have an independent copy of returned data object. It consists of variables local to the component which can be sent to child components as props.

Methods: These are standard non reactive functions called on need basis. {Eg: display()}. They can be called explicitly by using Watchers.

Computed: These are like reactive functions which return derived values based on other reactive properties. They are not invoked as methods but as variables “{{display}}”. They also cache the values based on dependency.

I will explain the usage with an Autocomplete.vue component which I have used in one of my applications. This component gives a suggestion of city names as you enter letters in the input box.

Autocomplete component is used in another component from which we are sending cities and value. These will be accessed by props suggestions and selection which are in Autocomplete component. The ‘:’ sign is a short-hand for v-bind which we commonly refer to as “one-way data binding”.

The screenshot is of the <script> tag of Autocomplete component.

In our Autocomplete component we have ‘suggestions’ and ‘selection’ which were sent as props. These can now be used locally in this component. Any update in parent component will be reflected in here too.

As we can see the functions under computed are accessed in methods as data variables and not functions.[“this.userSelection and this.matches” ]

These computed properties work reactively as and when the data variables change

Since we are using vue-cli for the application, vue-router will be installed by default (if the preset had router feature). To make use of it we need to go to index.js under router folder and edit the same. <router-link> tag helps to route on click and follows the path in “to”.

Each route has 3 basic parts (name of component, path to component and the component itself).

There a 2 routes shown and 2 different ways to get the components. The Home component is imported and used directly whereas the About Component is loaded lazily when we go to that path.

A new instance of VueRouter (router) is then exported which include routes array.

Lifecycle Hooks in Vue.js

• beforeCreate: This hook is run while the component initializes. Data is not reactive and events are not ready yet.
• created: The component is ready with it’s reactive data and events accessible.
• beforeMount: This is one of the most used hooks in vue.js. It runs just before the initial rendering and can be used to access or modify the DOM elements beforehand. vm.$el has not been created yet.
• mounted: Here, we have full access to the rendered DOM elements which are accessed using this.$el.
• beforeUpdate: This hook runs after data changes on your component and the update cycle begins, right before the DOM is patched and re-rendered.
• updated: This is used to access the DOM after a property change.
• beforeDestroy: This is fired right before teardown. Your component will still be fully present and functional.
• destroyed: This is the final clean-up after component is removed from DOM, if we need to remove events or some reactive subscriptions.

Conclusion

I shared a basic idea of Vue.js as I was fascinated with the flexibility and the ease it offered while coding. This article will help create a skeleton and assist to begin designing your own Vue.js Application.

Vue.js : Answering the Why and How ! was originally published in The Jabberjays on Medium, where people are continuing the conversation by highlighting and responding to this story.