The reason for generating fake data can be anything. But, the most common use case I think for generating fake data is when someone is dependent on the result from your API. As a backend developer, you’ve to just create a model and return a few fake objects that represent data. We could however create … Read more
In the previous post, we saw how to cancel a request using axios in VueJS. So, does cancelling a request really issues a cancellation token to the backend API or does cancelling a request just cancels on the UI only? Let’s find out. Preparation Here is what I’ll do for this post Create a new … Read more
If you are familiar with C# programming language, to cancel a Task in C#, we issue a call to Cancel() method call on the CancellationTokenSource. Axios has a similar mechanism like C# to cancel an ongoing request. Use Case For the purpose of this article, let’s say we will have two buttons on our page. … Read more
Definition Observer design pattern defines a one-to-many dependency between the objects. When the object state changes, the observers are notified/updated about the change. Observer Pattern Terminology The observer pattern will have a subject, concrete subject, observer, and concrete observers. Subject: The subject is the interface that will be implemented by the concrete subject. Concrete subject: … Read more
In this post, we will see how to integrate a backend in a Vue application and set the backend under a proxy url. By the end of this post, you should understand How to integrate backend in a vue application? How to setup proxy url in the vue configuration? Understand and solve the 404 error … Read more
In this post, we’ll see how we can create a custom directive for displaying tooltip for any element if the text in the element goes beyond its width. If we wish to display a tooltip, we’d wire up a mouseover event to the element that we would like to display a tooltip on. But, this … Read more
In this post, I’ll explain how a request comes into the ASP.NET Core web server and how it returns a response to the browser. If you are aware of how ASP.NET Core processes a request, you can skip reading this article. The request cycle When the user tries to access the URL from a browser, … Read more
.NET Core console applications do not have a startup file to register the dependencies. In this post, we’ll see how we can create a dependency injection setup in .net core console applications. A use case for this post For this post, let’s create two services one that gives a message (MessageService) and the other to … Read more
In this post, we will see how to mock an Axios call with Jest in vue-test-utils library. For this article, let’s create a Posts.vue component which will call the JSONPlaceholder’s /posts API. The /posts API will return an array of objects. Each object in the array is a post with id, title and body. Here … Read more
In this post, we will see the differences between shallowMount and mount functions in vue-test-utils library and what they both offer us in terms of unit testing in Vue applications. If you want to know how to set up unit tests for the Vue project, check my article on how to do it. Let’s have … Read more