HTML to PDF converter for your React Application

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 … Read more

Redirect to an External Link from your React Application

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 … Read more

history.push is only changing the URL, not rendering component – React fix

This is one of the common issues caused while configuring react routing. I assume that you added the history object to your router using createBrowserHistory and still getting this issue. Here, I will explain how to fix this issue of history. Consider the below one as your router component. If you configure the router component … Read more

How to Pass Data from Child Component to Parent Component with React?

I think this is one of the most asked questions when you are on the learning path to React. Since React is unidirectional, it’s not possible to pass data from child component to parent component directly. It doesn’t mean that your child component can’t communicate with the parent component. You can still achieve this by … Read more

ComponentWillUnmount with React Hooks

Since we don’t have any lifecycle methods in React functional components, we will make use of the hook useEffect to achieve the same behavior. You can also check my other blog posts where you can do componentDidMount and componentDidUpdate with hooks. Basically, componentWillUnmount is used to do something just before the component is destroyed. Mostly, … Read more

ComponentDidMount with React Hooks

We will be using the useEffect hook in the functional component to achieve the same behavior of componentDidMount in the class components. You can also check my other blog posts where you can do componentDidUpdate and componentWillUnmount with hooks. Let’s go through an example of componentDidMount. First, we will be importing useEffect hook from the react library. … Read more

TypeError: Cannot read property ‘location’ of undefined – React JS Error Fix

This is one of the common errors caused while doing React routing. This happens when the browser tries to access the history object. You can fix this by adding a history object to routing. The full error is given below. TypeError: Cannot read property ‘location’ of undefined Error Fix You can fix this by using … Read more