Before i delve into state in class component and functional component with examples, i would like to introduce what state is in react. Introduction to State in React State in react is simply an object or other data type which allows us to manage data dynamically within the component. When the state of the component…

In this article, i’m going to briefly summarize how to create a button that smoothly scrolls back to the top of the page. The simple concept to achieve it is enumerated and solved below. The scroll to top button is positioned at the bottom-right of the screen and hidden by…

Introduction In this article, i’ll be showing you how to change different background color for each route. There are several options to solve it but i’ll go with the easiest one. In this guide, we will learn how to achieve that in React world with modern methods. …

Introduction to React: React is a JavaScript library created by Facebook for building user interfaces. React is used to build single page applications. React allows us to create reusable UI(user interface) components. How does React work? React creates a VIRTUAL DOM in memory. Instead of manipulating the browser’s DOM directly…