More often than not, we want to update a part of an object (state) without updating the whole object. For example, in the following object (fruit), we may want to…

Earlier we saw how we can call a function in the parent component from a child component using an anonymous function in the child component. In this example, we will learn…

Sometimes we may need to call a function residing in the parent component from the child component. In this example, we have a function named capitalizeTitle() which capitalizes the title passed to…

React is a very dynamic library by nature. Therefore, there are often multiple ways to attain the same result. Today we’ll see how we can pass objects or values as…

React allows us to bind CSS styles in multiple ways. Some of the popular methods are: Inlining the CSS styles with objects Binding objects to style which already contains the…

It is important to append unique keys when rendering a list of objects in React.js. That way, React would know ahead of time whether or not to update a particular…

The data flow in React.js is always one-way and follows the top-down approach. That is, you can only pass states using props from parent to child component. However, there's a…