Here, I’ll show you how to use jsPDF (html to pdf converter) in your React application which supports all modern CSS including flexbox. Consider the below one as your sample App component. Now, install jspdf library by using the below command. Then, you can import jspdf in the App component. Now, I’m going to replace…
You can make use of window object for redirecting to an external URL from your application. Let us assume that you want to redirect users to a specific URL that has typed by that user. Consider the example given below. Here, we are replacing the current URL with the input received from the user. We…
Here I am going to explain one of the best and common practices of handling multiple inputs with React Hooks. It’s possible to handle all inputs of a form by using a single state and onChange function. Let’s see in action. First of all, we can initialize a state as an object with all input…
As you know, material-ui is one of the most popular react component library which implements Google’s material design. When you are looking the props for Button in material-ui you may notice that onClick is missing. Yes, you are right, material-ui has not documented common react events. You can add onClick function to material-ui Button as…
While developing react apps it’s common to face ‘react-scripts’ is not recognized as an internal or external command react error. The full error is as given below: ‘react-scripts’ is not recognized as an internal or external command, operable program or batch file. npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! login-app@0.1.0 start: react-scripts…
