Rudar, Author at Knoldus Blogs

Integrate Sendgrid email service using NodeJS

September 28, 2020September 28, 2020Node.js, Tech Blogsnodejs, Sendgrid

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

Building an Ionic Application using Cordova for Android

July 6, 2020July 6, 2020Angular, Architecture, cordova, CSS, HTML, Hybrid Application Development, Ionic Framework, Mobile Development, User Interface (UI)android, cordova, ionic

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

React Hooks: useState – Part 2

July 6, 2020July 6, 2020JavaScript, React, ReactJS, User Interface (UI)React, React Hooks, ReactJs

Reading Time: 3 minutes As we can discuss a lot about React Hooks in React Hooks: Introduction – Part 1. In this blog, we are going to discuss the useState hook in detail. As this hook let us use state without writing a class. This hook is the equivalent of this.state/this.setState for functional components. Declaring a state variable useState is a named export from react so to use it, Continue Reading

React Hooks: Introduction – Part 1

May 28, 2020May 28, 2020Functional Programming, JavaScript, React, ReactJS, User Interface (UI)React, React Hooks

Reading Time: 3 minutes React hooks were introduced at React Conf October 2018 to introduce state management and side-effects in functional components. They have become a game-changer for a lot of developers. These hooks change the fundamental mindset because of switching from class-based components to functional components with hooks. In this blog post, we will get an overview of these hooks, with the look of how the same logic Continue Reading

PReact – An alternative to REACT

February 11, 2020February 11, 2020Mobile Development, React, ReactJS

Reading Time: 2 minutes PReact is a lightweight version of React. It is a fast 3kB alternative to React with the same ES6 API. It is the best alternative when performance, speed, and size are a priority, for example in the case of mobile web apps or progressive web apps. PReact itself is not intended to be a re-implementation of React. A lot of differences are there which are Continue Reading

New features available in Angular 9

February 10, 2020February 10, 2020Angular, Angular 6, Angular Material, User Interface (UI)angular, angular 9, UI

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

Smart Office in coming 5 Years and why?

November 26, 2019November 26, 2019IOTAttendance System, IOT, Paperless Cafeteria, Room Booking System, smart, Smart device, Smart Lighting and Temperature Control, smart office, Smart Office Options

Reading Time: 3 minutes Smart office is defined as the integration of modern technology into a office space. All the tasks of an organization become simpler and flexible with the use of IOT (Internet of Things) devices. IoT is the network of devices such as electrical appliances, physical devices and other things embed with sensors and actuators. These sensors and actuators enable the objects to establish a connection with Continue Reading

Getting started with Svelte

June 27, 2019June 27, 2019JavaScript, User Interface (UI), Web Application

Reading Time: 2 minutes Svelte is a lightweight modern JavaScript library (4.57KB minified) intended for use on projects where legacy browser support is not necessary. It uses modern JavaScript (querySelectorAll, classList, matchesSelector) to help make it as lightweight as possible and therefore only works on the latest version of modern browsers E.g. Chrome, Firefox, Opera, IE10+. Svelte is used to develop cybernetically enhanced web apps. Why Svelte? Svelte is Continue Reading

State Management using NGXS in Angular

June 20, 2019June 20, 2019Angular, React

Reading Time: 3 minutes Why do we need State Management? When creating a web application, one of the questions to ask is how data should be managed. The next question is how this could this be performant and reliable. The current trend is to use a Redux-based storage solution, which consists of a Store, Selectors to get data from the store in the form of Observables and Actions to modify Continue Reading

Designing Data Table in Angular Material Design

April 8, 2019April 8, 2019Angular, Angular MaterialAngularMaterial

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

Different types of Component Selectors in Angular

March 8, 2019March 12, 2021Angular, Architecture, User Interface (UI)

Reading Time: 2 minutes Before talking about Component Selector in Angular, let’s figure out – What is Angular? What it does? How we implement it in a project? So, here are some basics of angular to let you learn more about angular. Components are the most basic UI building block of an Angular app. An Angular app contains a tree of Angular components. Angular components are a subset of Continue Reading

Develop Chrome Extension using Angular 7 | Part – 1

January 9, 2019Angular, CSS, HTML, JavaScript, Node.js

Reading Time: 3 minutes Extensions are the small software programs that are used to customize the experience of browsing. They enable the user to customize the browser’s functionality and behavior to individual needs or requirements. An extension is basically there to fulfill a single purpose that is narrow defines and easy to understand. Chrome extensions are in demand because they add features to Chrome browser to do functionalities/things easier Continue Reading

What is SPA (Single-Page Applications)?

December 24, 2018Studio-Scala

Reading Time: 2 minutes Today, web applications are replacing the old desktop applications. They are more convenient to use, they are easy to update and not bound to the specific device. Basically there are are two main design patterns for web apps: Single-Page Applications (SPAs) Multi-Page Applications (MPAs) Both patterns have their own pros and cons. When deciding between both patterns, it’s important to bear in mind your business Continue Reading