The goal is to generate the PDF from your web application without requiring the backend component. There are a number of React libraries which allow you to create PDFs, for this purpose I am using jsPDF libraries. jsPDF jsPDF is open source JavaScript library where pdf files can be created… Continue Reading Generate PDF using JavaScript

Formik is a popular open-source library designed to simplify form handling in React and React Native applications. Managing forms in React can be tedious because we need to handle form state, validation, and submission manually, which often leads to repetitive and complex code. Formik is used to make this process… Continue Reading Formik: Simplifying Form Management in React

Loading large JavaScript resources impacts page speed significantly. Splitting your JavaScript into smaller chunks and only downloading what is necessary for a page to function during startup can greatly improve your page’s load responsiveness, which in turn can improve your page’s Interaction to Next Paint. As a page downloads, parses,… Continue Reading Code Splitting in JavaScript

An object is a collection of properties, where each property is an association between a name(or key) and a value.In JavaScript, an object is a standalone entity with properties and a specific type. For example,consider an animal. An animal has properties such as color, structure, and weight. Similarly, JavaScript objects… Continue Reading Objects in JavaScript

The async/await syntax is a special syntax created to help you work with promise objects. It makes your code cleaner and clearer. When handling Promise, we need to chain the call to the function or variable that returns a Promise using then/catch methods. Async Keyword We use the async keyword with a function… Continue Reading Async/Await

A promise is used to perform asynchronous tasks in JavaScript because JavaScript is a single-threaded programming language. Three possible states in Promise Example of promise Methods of Promise Promise.catch() This method runs once all promises are completed, whether they are resolved or rejected. It is used to handle errors if… Continue Reading Promise and Methods