Published in JavaScript in Plain English·Apr 7A Brief Introduction to Observer PatternA guide to developing a simple UI with TypeScript and following the Observer Design Pattern. — In this article, we’ll understand the meaning of the Observer design pattern and where we can use it. We’ll also go through a simple code to understand the concept better. Finally, we’ll develop a simple web page, which can be considered the profile page of an application. On this page…Observer Pattern3 min read
Published in JavaScript in Plain English·Mar 1Call by Value and Call by Reference in AngularUnderstand these concepts with practical examples. — In this article, we’ll quickly understand the popular concept of Call by value and Call by reference in JavaScript. Then, we’ll understand this concept in the Angular framework by doing an exercise. First of all, let’s understand the difference between Primitive and Non-Primitive data types. As per GeeksforGeeks - Primitive…Angular4 min read
Published in JavaScript in Plain English·Feb 20How Pure Pipes Can Improve Your Angular Application’s PerformanceA guide on how to boost your Angular app’s performance using pure pipes. — While developing an application in Angular, we might come across a situation in which we need to call a method from the HTML template itself to get some data which will be displayed in the UI. But this method call is not dependent on any events. …Angular4 min read
Published in JavaScript in Plain English·Sep 19, 2021Error Handling For Angular HTTPIn this article, we’ll discuss some of the ways to handle errors while making an HTTP requests in Angular. First of all, let’s create a new Angular project with the name exercise1. Then, we’ll create three components and one service in this project. …Java Script3 min read
Published in Geek Culture·Apr 29, 2021An Use Case Of Ngx-Bootstrap Modals in Angular ApplicationIn this article, we’ll discuss about a simple use case of ngx-bootstrap modals in Angular application, in which there will be an angular component named modal-comp, where all the codes for ngx-bootstrap modal will be present. And it will be called by clicking a button in the app component. Our…Angular3 min read
Published in JavaScript in Plain English·Apr 3, 2021Introduction To Angular ObservablesIn Angular, an observable is an object that is imported from a package called rxjs. To define an observable in simple words, we can say that an observable is the source from which data is emitted. Also, there is an observer which observes for any data packet emitted by the…Angular4 min read
Published in JavaScript in Plain English·Mar 28, 2021Component Interactions in AngularAccording to the official documentation of Angular, components are the most basic UI building block of an Angular app. An Angular app contains a tree of Angular components. These components helps us to understand and organize the UI codes, easily. In this article, we’ll see how to make these components…Angular4 min read
Published in JavaScript in Plain English·Jan 28, 2021A Guide To Asynchronous JavaScriptJavaScript is a single-threaded language. That means, only one line of code can be executed at a time and all the codes are executed one after the other. But there are certain situations in which a line of code needs to fetch data from the database or any other APIs…Java Script6 min read
Published in JavaScript in Plain English·Jan 23, 2021Implementing Infinite Scroll In ReactIn this article, we’ll develop a React application which will fetch data (page by page) from the following API — https://jsonplaceholder.typicode.com/photos and will display them on the browser in the form of a table. When the application is opened in the browser, it will display the contents of the first…Reactjs3 min read
Published in JavaScript in Plain English·Jan 19, 2021How to use combineReducers() In Redux and ReactIn this article, we’ll create a simple react application where we’ll use redux for state management. The final look of this application is shown below — In this exercise, we’ll use combineReducers() of the redux library which combines multiple reducers into a single reducer. According to the official documentation…Reactjs3 min read
