Classes, Inheritance, and a Closer Component Look

portfolio/src/App.js

@@ -1,5 +1,14 @@
 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 {
   render() {
     return (

portfolio/src/index.js

@@ -4,3 +4,42 @@ 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);