Angular 6

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

Visualizing data with NGX-Charts in Angular

Reading Time: 5 minutes Data Science, Data Analytics, Big Data, these are the buzz words of today’s world. A huge amount of data is being generated and analyzed every day. So communicating the insights from that data becomes crucial. Charts help visualize the data and communicate the result of the analysis with charts, it becomes easy to understand the data. There are a lot of libraries for angular that Continue Reading

New features available in Angular 9

Reading Time: 4 minutes Angular is one of the most popular frameworks for making web applications. Angular community launched Angular 9 yesterday. The latest version is smaller, faster, easier to use, and has given some more powerful features which enhances our application. The major change with this release is that it switches the application to the Ivy compiler and run-time by default. This version also introduced various improved ways Continue Reading

Prevent user from losing unsaved data

Reading Time: 3 minutes There are many instances where a user fills some details in the form, edit their details, or secure the form in such a way that if someone navigates away or closes the browser tab, they should be prompted to confirm that they really want to leave the form with unsaved data. Whenever these kind instances occur you will see an alert appear on the top of Continue Reading

RAP: Let’s discuss the architecture and technical details

Reading Time: 4 minutes In the previous blog, we discussed the journey and the features of RAP. In this blog, we will discuss the architecture and technical details. RAP Architecture: We have tried to follow the Domain-Driven Design and Reactive principles in designing RAP architecture. All RAP team members completed all the Reactive Architecture courses launched by Lightbend on cognitive classes to ensure adherence to reactive principles. These courses Continue Reading

ngRx with Redux in Angular

Reading Time: 4 minutes In this blog, we will see the basic pattern of Redux and some benefits and some high-level concepts of redux and then we will discuss the brief about ngRx and its basic implementation. Redux: Redux is a predictable state container for JavaScript apps. It helps you write applications that behave consistently, run in different environments (client, server, and native), and are easy to test. On top of Continue Reading

Ionic Page LifeCycle Events

Reading Time: 3 minutes As we know Ionic pages are nothing but internally it is converted into an Angular component only as we all know Ionic frame is built on the top of Angular. And just like Angular Framework has its lifecycle hooks which we follow during the development of Web Application, Similarly, we have some interesting lifecycle events for ionic framework too which can capture and perform some Continue Reading

RxJS Operators in Angular

Reading Time: 3 minutes Many of us make use of RxJS for its Operators and the Observable is treated as a foundation for that.  further, in this blog, we are going get the understanding of Operators provided by RxJS but before digging into it lets under what is Operators. What are the Operators? Operators are basically pure functions, that transform information into the observables stream. it always creates new Continue Reading

Angular Lifecycle Hooks

Reading Time: 4 minutes Every Angular component has a lifecycle. A component has a lifecycle managed by Angular itself. Angular manages creation, rendering, data-bound properties, etc. Every Angular component and Angular directive have a lifecycle and the following information can be applied to both. In this blog, we will learn more about Angular Lifecycle Hooks. What is Angular Lifecycle? Each Angularjs version goes through various phases in its lifecycle. Continue Reading

Working with Arrays using D3.js

Reading Time: 3 minutes In general, whenever we are using D3  we are using for data visualization and if we try to understand the term data visualization in depth then it is nothing but it is a result of a lot of data manipulation using Array. So before starting working with Arrays using D3.js let’s get the understanding of Arrays briefly. ARRAYS: Arrays is used to store the collection of an Continue Reading

Angular application with REST backend solution

Reading Time: 3 minutes We always need interaction between backend and frontend for creating a successful application, but it takes time to integrate backend with the frontend, while they both are working parallelly. So for those who need a fast development without waiting for the backend to create Rest backend with Mock data is a solution for this situation. We use JSON Server to make this possible and help Continue Reading

File Structure of Angular

Reading Time: 3 minutes Are you new in Angular and don’t know much about its file structure? Don’t worry after going through this blog I ensure that you will have enough understanding about its file structure.

Unit Testing of Angular Service with HttpClient

Reading Time: 4 minutes Services are basically used to allow your code to share the common functionality across the application. Services play a vital role in every Angular application and promote the reusability of code. And to verify that our services are working properly or not we need to test it using unit testing. First and Foremost thing we’ll do is to create the service which is to be Continue Reading