7. Communication between Components

Activity 7.01: Creating a Temperature Converter

Solution:

1. Run npx create-react-app temeprature-converter.
2. In the src folder, create a file called index.js and add the following code. It will import the <App> component and render it in the HTML:

   import React from 'react';
   import ReactDOM from 'react-dom';
   import App from './components/App';
   ReactDOM.render(<App />, document.querySelector('#root'));

3. Still in the src folder, create a components folder and inside the components folder, create a new file called App.js.
4. In the App.js file, let's import React and App.css. Also, add some boilerplate for the <App> component:

   import React, { Component } from 'react';
   import './App.css';
   class App extends Component {
     render() {
       return (
         <div className="container">
    ...