Angular Material

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

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

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

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

Designing Data Table in Angular Material Design

Reading Time: 3 minutes Angular Material Table provides a Material Design styled data-table that can be used to display rows of data. Tables in angular material design can be implemented by just adding the mat-table selector to your table component and passing in data. Material Table provides a lot of table data features like sorting, filtering, pagination etc which helps a user to provide a more interactive view of 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

DOM Manipulation Using D3.js

Reading Time: 4 minutes D3 (Data-Driven Documents or D3.js) is a JavaScript library for visualizing data using web standards. It is an open-source JavaScript library developed by Mike Bostock to create custom interactive data visualizations in the web browser using SVG, HTML, and CSS. giving you the full capabilities of modern browsers and the freedom to design the right visual interface for your data.

New Features in Angular 7

Reading Time: 3 minutes Angular is one of the most popular frameworks for making a web application and with the release of Angular 7, it has given some more powerful features which will enhance our application. So let’s dive deep into it and explore some new features introduced in Angular 7. A New ng-compiler Angular 7 added a new compiler that is called Angular Compatibility Compiler (ngcc). The new Continue Reading