Replace react classes with functional components

src/App.js

@@ -2,12 +2,10 @@ import React, { Component } from "react";
 
 import Home from "./home/Home";
 
-export default class App extends Component {
-  render() {
-    return (
-      <div>
-        <Home />
-      </div>
-    );
-  }
+export default function App() {
+  return (
+    <div>
+      <Home />
+    </div>
+  );
 }

src/home/Home.js

@@ -3,24 +3,16 @@ import Particles from "react-particles-js";
 import Navbar from "../components/NavBar/Navbar";
 import Skills from "../components/skills/Skills";
 import "./Home.scss";
-
+import config from "./particleConfig";
 import Landing from "../landing/Landing";
 
-export default class Home extends Component {
-  constructor(props) {
-    super();
-    this.props = props;
-    this.config = require("./particleConfig");
-  }
-
-  render() {
-    return (
-      <div>
-        <Particles params={this.config} className="particles-js" />
-        <Navbar />
-        <Landing />
-        <Skills />
-      </div>
-    );
-  }
+export default function Home() {
+  return (
+    <div>
+      <Particles params={config} className="particles-js" />
+      <Navbar />
+      <Landing />
+      <Skills />
+    </div>
+  );
 }