4. React Lifecycle Methods

Activity 4.01: Creating a Messaging App

Solution:

1. Start off by creating a new React project and take a look at the browser window that should have opened for you automatically:

   $ npx create-react-app ajax-simulation
   $ cd ajax-simulation
   $ yarn start

2. Next, strip out the stuff we don't need. Delete src/logo.svg and delete the contents of src/App.css. Clean out the contents of the App component and replace it with a class component instead. Since we are using a class component here, we will need to change the import statement at the top to import {Component} from React:

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