Angular

What about some useful tips and tricks for angular reactive form?

Reading Time: 2 minutes To build an application, it is quite frequent to take input from the user then angular reactive form comes into action. Here are some useful tricks and tips to make the angular reactive form more efficient and reliable. To continue with this blog basic understanding of angular reactive form is required. Prevent infinite loops Sometimes we are with infinite loops in setting up of form Continue Reading

ViewEncapsulation in Angular

Reading Time: 2 minutes Introduction Angular applications are styled with standard CSS. Therefore it means you can apply everything you know about CSS stylesheets, selectors, rules, and moreover media queries directly to Angular applications.However angular can bundle component styles with components, enabling a more modular design than regular stylesheets. Therefore for every Angular component you write, you can define not only an HTML template moreover also the CSS styles Continue Reading

Observable v/s Promise in Angular

Reading Time: 3 minutes Introduction We must have worked with both these concepts – Promise and Observable or must have heard about them. However, we might get confused about which one to use when. To avoid this confusion we must be knowing about the differences so that we can choose the appropriate one for our situation. It all depends on your use case and which one to choose. So Continue Reading

The Guide To View State Selector(Design Pattern)

Reading Time: 4 minutes As a developer, we all may have noticed a repetitive boilerplate code of displaying a loader while an asynchronous request is being processed, and then switching to the main view or displaying an error for that particular asynchronous request. In this blog, we will learn about the Angular View State Selector which helps developers to reduce the repetitive boiler plate from the code. Introduction While Continue Reading

How to create your first angular reactive form?

Reading Time: 5 minutes Here, in this blog we will work with reactive angular forms. So, with consideration that you have basic knowledge of Angular, Typescript, HTML and CSS you can start with your first angular reactive form. In this blog, we will cover below points: What  are Template Forms What are Reactive Forms Setup in reactive forms FormControl FormGroup FormBuilder Adding Validation As angular provides two types of Continue Reading

How To Create Custom Form Control In Angular

Reading Time: 4 minutes An Angular’s reactive forms module enables us to build and manage complex forms in our application using a simple but powerful model. You can build your own custom form control that works seamlessly with the Reactive Forms API. The core idea behind form controls is the ability to access a control’s value( form input value). In this blog, I am going to share how can Continue Reading

Understanding Dynamic Theming in Angular Material

Reading Time: 4 minutes Introduction In the last blog, we integrated Angular Material with our Angular Project. In this blog, we will be understanding the importance of dynamic theming and how we can apply that with help of Angular Material. Dynamic Theming Dynamic Theming has become one of the most important parts of websites nowadays. It always attracts the user and provides a great user experience. The dark theme Continue Reading

What Is RegEx? Its Importance and How To Use It.

Reading Time: 6 minutes In this blog, you will get a logical understanding of what is RegEx, what it can do, and what it can’t do, and also you will get a piece of knowledge about when to use them and — more importantly — when not to. So Let’s start. Introduction On an abstract level a regular expression, regex for short, is a shorthand representation for a set Continue Reading

Understanding Shadow and Virtual DOM

Reading Time: 4 minutes In this blog we will understand what is shadow and Virtual DOM that is being used now a days by two famous frontend tools angular and react respectively. To understand these two first we need to understand what is DOM. So, we will divide the whole blog into 3 parts – DOM Shadow DOM. Virtual DOM. Understanding DOM Let us take a simple example of Continue Reading

Integrating Angular Material in Angular

Reading Time: 3 minutes Introduction In this blog we will be learning about angular material and how do we integrate its components in the Angular Application. I will be adding MatTable to this blog. What is Angular Material? Angular Material is a UI component library for Angular. It provides us with an attractive range of components that help us in building the application in a faster way. These components Continue Reading

Understanding and creating observable

Reading Time: 3 minutes In this blog, we will observe the observables by using practical implementations. So, let’s start with the understanding of the observable to the creation of the custom observable. Here we begin!!! What is an observable? Observable is basically a data source, which gets imported from the package ‘rxjs’. To understand the observable implementation, we have the observable, an observer and in between we have the Continue Reading

Sharing Content On Social Media By JavaScript

Reading Time: 2 minutes Social Sharing by JavaScript is one of the biggest and time taking tasks. In this blog, I am going to share how can we easily share our content on Facebook or Twitter-like applications. In this blog, we are going to integrate APIs that are given by Facebook and Twitter. By this, we will share our content on Facebook and Twitter. What is API? API is Continue Reading

Adding Elements Dynamically in Angular

Reading Time: 3 minutes Adding Elements Dynamically in Angular is a very hot and interesting topic. Angular gives us two nice ways to handle form data Reactive Form & Template Driven Form. In this blog, I am going to share how can we dynamically add form field controls in Reactive form. Prerequesties: Knowledge of Angular Reactive form, JavaScript. What is an Angular FormArray? In Angular Reactive Forms, every form Continue Reading