User Interface (UI)

Reconciliation in React

Reading Time: 3 minutes Reconciliation in react is a process in which it provides a declarative API that keeps you away from the worry of what is changing on every update. When a component’s state changes, React has to verify whether they want to update the DOM or not? In this process, it creates a Virtual DOM and comparing it with the current DOM. In this context, the Virtual DOM will contain the Continue Reading

Being HEADLESS is cool!

Reading Time: 4 minutes Hi! Welcome to this two-part series wherein first I am gonna explain what is headless CMS and in second we are gonna create an end to end dynamic angular app with headless CMS for serving the API requests. In short, there will be no hands-on tutorial on this blog. Let’s learn So, if you are a complete beginner to the web development world or you 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

Sendgrid

Integrate Sendgrid email service using NodeJS

Reading Time: 3 minutes SendGrid is a platform that offers email services and provides libraries to help you quickly and easily integrate with the Web API in 7 different languages: C#, Go, Java, Node JS, PHP, Python, and Ruby. In this blog, we are going to discuss how to integrate Sendgrid email services by using Node JS. To integrate Sendgrid with Node JS application we need to install latest version of node. Following are the steps to Continue Reading

Gamifying an Angular App!

Reading Time: 4 minutes Hi! Today we are going to see how to make our angular apps a little bit more interesting by including a wheel of fortune to it. This is what we are gonna build – Technologies used – WinWheelJS Library Angular 10 Framework Pre-requisites – Basic knowledge of Angular Basic knowledge of JS I am assuming that your system is already configured with NPM and angular Continue Reading

Grid vs Flex

Difference between CSS Grid and Flexbox

Reading Time: 5 minutes The way you display your content on can say a lot about you or your company. Showing content in a nice and clean way is really important. Using CSS layouts like Grid and Flexbox makes it so much efficient than using float or positions properties. Thinking about which layout to use for your project can really help you save time in the future in refactoring, Continue Reading

Is GraphQL better than REST?

Reading Time: 4 minutes In this blog, we will be going to explain a brief difference between GraphQL and REST APIs, Why GraphQL comes into the picture, and give some benefits over REST APIs. So without any further delay let us begin with an understanding of brief about GraphQL and REST APIs. GraphQL is a new API standard that provides a more efficient, powerful, and flexible alternative to REST. Continue Reading

Adding Charts to an Ionic Application

Reading Time: 4 minutes Sometimes we need to create charts for displaying any progress or report in our Ionic mobile apps. Right now, we have to show you a simple step by step on creating beautiful charts (line, doughnut, and bar) easily using Ionic. This Ionic 4 Chart App Starter is made for beginners and expert developers who want to integrate Charts in their Ionic 4 apps. Now you Continue Reading

featured-angular-image

Diversifying Angular app – multi-lingual support

Reading Time: 7 minutes Hi! Welcome abroad on this journey. Today, we are going to create an Angular app that supports multi-languages. Angular app with multi-language support will be more understandable. How you ask? Let’s explain this with an example – an app with cultural language support will have more wider audience than a normal app which only supports the international language of business (English). Therefore, it’s important to Continue Reading

Docking an angular application

Reading Time: 6 minutes Hi, today we are going to learn how to deploy a simple angular application on a docker container with the help of Nginx web server. We will create a multi-stage dockerfile for creating a docker image of a simple angular application, which then will be hosted on a docker container using NGINX. Technologies we will interact with – Docker Angular Framework NGINX So, let’s pour Continue Reading

Playing with Angular Environments

Reading Time: 6 minutes Hi! I welcome you abroad the train of “Angular Environments“. Together we are going to have some fun and learn a lot of things. Things you will be covering in this post – Explore the default environments the Angular CLI generates Editing the environments Creating our own environments Station Zero Every angular developer have come across many environments to configure there app with and before Continue Reading

Building an Ionic Application using Cordova for Android

Reading Time: 2 minutes Ionic Framework is an open-source UI toolkit for building performant, high-quality mobile, and desktop apps using web technologies (HTML, CSS, and JavaScript). Ionic Framework is focused on the frontend user experience, or UI interaction of an app (controls, interactions, gestures, animations). It’s easy to learn and integrates nicely with other libraries or frameworks, such as Angular, or can be used standalone without a frontend framework Continue Reading