User Interface (UI)

Usage of Axios in React Applications

Reading Time: 6 minutes In this blog, we will see how to work with Axios in a React application to make GET, POST, PUT, and DELETE requests to perform CRUD actions. Axios is a popular, promise-based HTTP client that sports an easy-to-use API and can be used in both the browser and Node.js. A very common task of a web client application is making HTTP requests to API and Continue Reading

React Lifecycle

React Component Lifecycle

Reading Time: 5 minutes A react component has certain lifecycle methods in which we can insert our own code and execute it at a particular moment during the lifecycle of the component. A react component can go through different sets of lifecycle methods depending upon in which phase the component is. These Phases are Mounting, Updating, and Unmounting. Mounting Following is the order of execution for the methods, when Continue Reading

Calendly-logo

How to Integrate Calendly with Angular Application

Reading Time: 4 minutes Staying busy is good for business, but it is difficult to schedule your meetings and appointments with clients, partners, or even employees. All the meetings were planned manually before tools like Calendly came into the market. Calendly aims to fix the problem of scheduling your day with ease. It helps you spend less time fixing the meeting and locking down dates and gives you more time Continue Reading

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