State

portfolio/src/App.js

@@ -1,21 +1,26 @@
 import React, { Component } from 'react';
 
-class RegularClass {}
-class ComponentClass extends Component {}
-
-const regularClassInstance = new RegularClass();
-const componentClassInstance = new ComponentClass();
-
-console.log('regularClassInstance', regularClassInstance);
-console.log('componentClassInstance', componentClassInstance);
-
 class App extends Component {
+  constructor() {
+    super();
+    this.state = { displayBio: true };
+  }
+
   render() {
     return (
       <div>
         <h1>Hello!</h1>
         <p>My name is David. I'm a software engineer.</p>
         <p>I'm always looking forward to work on meaningful projects.</p>
+        {
+          this.state.displayBio ? (
+            <div>
+              <p>I live in San Francisco, and code every day.</p>
+              <p>My favorite language is JavaScript, and I think React.js is awesome</p>
+              <p>Besides coding, I also love music and ramen!</p>
+            </div>
+          ) : null
+        }
       </div>
     ); 
   }

portfolio/src/index.js

@@ -4,42 +4,3 @@ import App from './App';
 
 const root = ReactDOM.createRoot(document.getElementById('root'));
 root.render(<App />);
-
-class Animal {
-  constructor(name, age) {
-    this.name = name;
-    this.age = age;
-  }
-
-  speak() {
-    console.log('I am', this.name, 'and I am', this.age, 'years old');
-  }
-}
-
-const animal1 = new Animal('Simba', 3);
-animal1.speak();
-
-console.log(animal1);
-
-class Lion extends Animal {
-  constructor(name, age, furColor, speed) {
-    super(name, age);
-    this.furColor = furColor;
-    this.speed = speed;
-  }
-
-  roar() {
-    console.log(
-      'ROOOAR! I have',
-      this.furColor,
-      'fur, and I can run',
-      this.speed,
-      'miles an hour!'
-    );
-  }
-}
-
-const lion1 = new Lion('Mufasa', 20, 'golden', 25);
-lion1.speak();
-lion1.roar();
-console.log(lion1);