angular

angular

ActivatedRouteSnapshot Class to Ease Your Routing Life in Angular

Reading Time: 3 minutes Routing is the most common and important feature in each and every application perhaps it is a web or a mobile one.So, In this blog, we are going to talk about the ActivatedRouteSnapshot and its properties which helps the developer to establish the roadmap of routing in an application. So before diving deep into ActivatedRouteSnapshot let’s start we a question what is ActivatedRouteSnapshot? What is Continue Reading

How to create Custom Controls Without using ControlValueAccessor

Reading Time: 3 minutes Hi Readers,In this blog, we will learn about custom form control, viable with template-driven and reactive forms, as well likewise with all underlying and custom structure validators. In angular, we can make custom form controls by utilizing the ControlValueAccessor interface. And, we can likewise make a custom form control by utilizing @Input() decorator and make your structure dynamic. Advantage of Property binding at the place Continue Reading

How to Download a CSV File using Angular?

Reading Time: 2 minutes Introduction In working on different application, one is common requirement for most of the applications is to export data and save it in a CSV file with data. This will help to organise the data and generates proper formatted report. A CSV file contains data values separated by commas. It has an extension of .csv. Prerequisite is to have to running an angular project, if you Continue Reading

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

Reasons to choose Angular for Development

Reading Time: 4 minutes The decision of which tools or tech stack you should use to get optimum value of your investment is nothing but a conundrum.  From a business point of view, you couldn’t risk going wrong here since these risks can cash-on in any minute. So, what tools are capable of giving you the most bang for your buck?  – Well, off the top of my head 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 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

Introduction to NGXS, state management pattern + library for Angular

Reading Time: 3 minutes Ngxs is a state management pattern for the Angular framework. It acts as a single source of truth for our application. Ngxs is very simple and easily implementable. It reduce  lots of boilerplate code . It is a replacement for Ngrx. In Ngrx we are creating state, action, reducer, and effects but in Ngxs, we are creating only state and actions instead of all of Continue Reading

JavaScript Series, Let’s Deep Down To It, Part 1

Reading Time: 3 minutes In this blog we are going to learn what is JavaScript, why uses JavaScript. Now I am starting the JavaScript Series, one by one we are going to deep down to it and exploring every concept of it. What is JavaScript? JavaScript is a text-based programming language used both on the client-side and server-side that allows you to make web pages interactive. HTML and CSS Continue Reading

Reactive Programming in Angular | The RxJs way

Reading Time: 4 minutes Reactive programming is an essential part of modern web apps. However, few popular programming languages come equipped with the reactive API by default (Angular). RxJS allows you to create reactive programs with JavaScript to better serve your users. RxJS is a library used to create asynchronous programs using observable sequences. Today, we’ll explore an overview of reactive programming and RxJS in Angular. What is reactive programming? Continue Reading

Lazy-Loading Feature Modules In Angular

Reading Time: 6 minutes Before starting the lazy-loading feature module of angular, first, let’s understand what a module is? So, a module is a way to group components, pipes, and services, etc., all together that are related to each other. Module set is group together to form an application. One component can use the data of other modules. Angular Modules: In angular, this feature is defined by NgModule. Every Continue Reading