Welcome to my blog !

How to add Google Fonts into Angular application?

January 6, 2021 ·  4 min read

In this post, You will learn Multiple ways of integrating google font into angular applications. Google font is an popular font library provided by Google, It provides popular fonts which every application used. Other versions available: ReactJS Integrate google fonts Add google font in vuejs application Google font provides following popular fonts Roboto Open Sans Source Sans Pro Oswald Montserrat This post talks about adding roboto fonts in Angular project, The process for other fonts is same....

Learn React toastify with example

January 6, 2021 ·  3 min read

react alert notifications in app are used to display alert notifications with user customized message Some of the examples, are success message, record is added, error message - duplicate record found,warning and informational messages. Other versions available: Primereact toast notifications In this tutorials, You’ll learned how to implement alert notifications with react-toastify npm library. react-toastify is popular toast/alert notification for React project. This npm library has many features included....

How to URL pattern validation in Angular | Typescript

January 5, 2021 ·  4 min read

In this short tutorial, You will learn about how to do url validation in Angular and typescript application with input form. This tutorials works all angular versions 2,5,6 8,9,10,11 versions Other versions available: VueJS Input type url validation ReactJS Input type url validation Url pattern validation can be implement with multiple approaches Contents URL pattern validation example with reactive forms Angular html5 input type url pattern validation Typescript url regexp validation Conclusion URL pattern validation example with reactive forms First, in application html template component created to display the input form and do the following steps...

How to update dependency to latest in nodejs|npm outdated

January 5, 2021 ·  4 min read

In My previous nodejs application, I have a need to convert all dependencies to latest. This blog talks about how to upgrade all your packages to latest version This post solves developers questions while nodejs update latest packages How do update each dependency in package.json how to update all packages manually or automatically how update global packages to latest versions update dependencies and devdependencies Nodejs project all dependencies maintained in package....

React alert notification example| primereact toast tutorials

January 4, 2021 ·  4 min read

Toast or alert notification UI is basic element in Web pages to display the status of an operation to an user. Status are info,warning,success,error. on this tutorial, explains about how to show alert or toast messages in React application. PrimeReact is an opensource react component library provides reusable components for reactjs framework. In this tutorial, Learn how to implement toast/alert notifications message shown to users in React Application using primereact library...

You'll get a notification every time a post gets published here.