Reading Time: 4 minutes As a developer, we all may have noticed a repetitive boilerplate code of displaying a loader while an asynchronous request is being processed, and then switching to the main view or displaying an error for that particular asynchronous request. In this blog, we will learn about the Angular View State Selector which helps developers to reduce the repetitive boiler plate from the code. Introduction While Continue Reading
Reading Time: 4 minutes Introduction You may come around a situation where you need to manage multiple projects in a single project. In such a situation you can create an Angular workspace and manage your multiple projects in it. Let us start and understand first what is a workspace. What is a workspace? A workspace allows you to organize your application into multiple projects where a project contains files Continue Reading
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
Reading Time: 7 minutes If you are trying to block some routes from loading based on some permissions or blocking a route based if not authenticated, then you can read along and at the end, you will understand about the canActivate Guard. In the series of Angular Routing Guards Part-1, we’ve learned and understood the basics of angular route guards. If you’ve no prior knowledge about Angular Route Guards, Continue Reading
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
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
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
Reading Time: 2 minutes Introduction For so many years Angular didn’t have any static site generator. But finally, here is Scully. So, in this blog, we will see what it is actually, how we can add it to our angular project and what its use. Here we begin!! What is scully? It is the best static site generator for Angular projects. It will use your application and will create Continue Reading
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
Reading Time: 2 minutes Introduction Hello readers. In this blog, we will be understanding the difference between unicast and multicast observables. Before getting started, let us understand what is observable. An observable is a function that can convert an ordinary stream of data into an observable stream of data i.e it can deliver multiple values of any type. Observables are considered declarative which means they will not execute until Continue Reading
Reading Time: 8 minutes Angular Resolver are an essential service, that can be leaveraged to improve the application. Let’s learn more about the resolvers in 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
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
