Using Font Awesome with React
Font Awesome is a great resource to use various types of icons in your project including well-known social media icons and a...
How to write comments in React (JSX)?
I was recently trying to comment out some logic inside my JSX to add context about what a potentially complex logic, but...
Automatic batching in React 18 helps avoid re-rendering
Remember the earlier versions of React that used to batch multiple state updates inside event handlers such as click or change to...
How to convert a React component to an image
Sometimes you want to give the users the ability to download a part of the web application as an image. In that...
React fragments: What and Why
React fragments were a feature released in React 16.2. They have been around for a while now but have been a relatively...
Why does React state need a new object/array?
If you have been using React for a while, you are familiar with how state update works. There are a lot of...
Avoiding race conditions and memory leaks in React useEffect
Let us take a look at an implementation of getting data from an API request and see if there is any possibility...
Using the useCallback React hook
The useCallback React hook is a useful hook that can help in optimizing the rendering performance of our functional React components. It...
Hi there! Want some more knowledge?
Think that the knowledge shared is helpful? You might want to give our mailing list a try. We'll send you 2-4 emails a month, right when new posts come out.