How to use SVG in React

Introduction In React, we often use SVG for icons or images. How do we use it efficiently? How do we add a number in the centre of a trolley icon?…

Understanding React Rendering: Part 2 – Improve rendering in React apps

In the recent post about understanding how React renders components, we presented how React renders UI elements and also raised awareness of the fact that React renders everything when only…

Understanding React Rendering: Part 1 – When Does React Re-render UI elements?

One of the key features of React is its ability to update the user interface efficiently by re-rendering components when there are changes to the state or props. However, this…

What are the differences between reactstrap and react-bootstrap in React?

reactstrap and react-bootstrap, they are packages based Bootrstrap framework for React developers. As developers, we can use either of them. However, it is important to remember that we should keep consistent.