In React, often there will be several components that need to reflect the same changing data. One way to do this effectively is by lifting the shared state up to their closest common ancestor.

In this video, we will create a temperature calculator that calculates whether water would boil at a given temperature. There will be two inputs that will need to share the application state. We will use hooks in React.js to lift the state up so that it can be the “single source of truth”.

Full code example:

#react #javascript #web-development