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

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

Let’s play with Template Driven forms in Angular

Reading Time: 4 minutes These days a wide range of sites are utilizing HTML Forms. WebForms are utilized to gather the information from the client and send it to the worker for handling. Angular forms are divided into 2 types:  (i) Template-driven forms. (ii) Reactive forms. In this blog, we will learn how to build the template form and how we can validate them using Angular form API.  It Continue Reading

Calendly-logo

How to Integrate Calendly with Angular Application

Reading Time: 4 minutes Staying busy is good for business, but it is difficult to schedule your meetings and appointments with clients, partners, or even employees. All the meetings were planned manually before tools like Calendly came into the market. Calendly aims to fix the problem of scheduling your day with ease. It helps you spend less time fixing the meeting and locking down dates and gives you more time Continue Reading

Going to a library with Angular

Reading Time: 5 minutes Hi! Today we are going to learn how to create a library in angular and import that in other angular applications. Prerequisites Basic knowledge of angular Node and NPM set up in the system First clear out the Common thoughts What are Angular Libraries? An angular library is a collection of components, services, directives, etc. that can be shared across different Angular projects. More precisely, Continue Reading