Angular

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

Angular Routing Guards: Let’s understand Route Guards (Part-1)

Reading Time: 6 minutes If the user wants to open a certain page in a traditional server-side application, the application would first check permissions on the server and return a 403 error page. For eg., if the user didn’t have permissions then there will be no routing to the dashboard page and it will route them again to a login/register page if they were not signed up. 403 is an HTTP error code. Specifically, this Continue Reading

Basics of Ngrx

Reading Time: 3 minutes In this blog, we will understand the ngrx, state, actions, reducers and how the ngrx works. So, let’s start with the ngrx. What is Ngrx? Ngrx is a state management framework to make reactive applications in angular. It has six basic parts. Selector 2. Store 3. Reducer 4. Action 5. Component 6. Effects Ngrx state management lifecycle Component is the UI part of the application Continue Reading

Image With Lazy Loading Placeholder In Angular

Reading Time: 3 minutes Introduction We all are familiar with the word lazy loading in Angular Ecosystem. However, when it comes to loading images from a third party either from AWS S3 or others, the time taken (Response Time) by the foreign URL plays a vital role. A big factor that affects front-end performance is the amount of documents and assets being loaded on a web page. We’ve used variety of 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

A guide to Animations in Angular

Reading Time: 4 minutes Introduction Animations are an important part of your website. It helps us in enhancing the user experience and also calls the user’s attention where it is needed. Animations are created by transforming the styles over time whose timing you can control. In this blog, I will be covering the basics of angular animations and an example of it to understand the concept better. Animations in 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

Complete Overview of Scully

Reading Time: 3 minutes Introduction Have you ever tried viewing the source code of your application in angular? The only thing you will notice is <app-root></app-root>. This task of pre-rendering can be done easily by Scully. In this blog, I will guide how to pre-render each page of HTML content on the browser. Let us now understand what Scully is and how to use it for pre-rendering your application. 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

Introduction to Components in Angular

Reading Time: 4 minutes Introduction In Angular, the whole view of the application is defined by using different components. Components are the basic building blocks of your application. By creating these components you are building an application that will have reusable parts. A component contains both your methods and properties bound together with the view(UI) defined. Let us now understand how we create these components and how to use Continue Reading

NGRX: State management in Angular

Reading Time: 5 minutes Do we require NGRX, state management in each Angular application? Perhaps not generally, so how would we execute state management for board richly applications in which we do require it? So, for the application state management, NGRX is one of the libraries which helps to manage it.  It is a Redux execution for Angular.  The NGRX is an incredible plan for the vast majority of Continue Reading