From 8858e72f0e32500f4df73653297578c7efd4c721 Mon Sep 17 00:00:00 2001 From: Mike Date: Mon, 9 Jun 2025 09:28:06 -0400 Subject: [PATCH 1/2] Add TestComponent and remove timestamp --- src/components/App.js | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/src/components/App.js b/src/components/App.js index e0f227ac3..51299b8a1 100644 --- a/src/components/App.js +++ b/src/components/App.js @@ -1,12 +1,13 @@ import React from "react"; import { format } from "date-fns"; import ExampleComponent from "./ExampleComponent"; +import TestComponent from "./TestComponent"; // Add your code own within the return statement function App() { return (
-

{format(new Date(), "MMMM do yyyy, h:mm:ss a")}

+

Now

In React apps, we write JSX - it looks like HTML, and uses a lot of HTML syntax. JSX lets us include JavaScript functions right along with the @@ -14,6 +15,7 @@ function App() { self-contained chunks of JSX.

+
); } From 1f997a58b816214c01513110ae4b5d2e25c8505a Mon Sep 17 00:00:00 2001 From: Mike Date: Mon, 9 Jun 2025 09:28:20 -0400 Subject: [PATCH 2/2] Remove unused imports --- src/components/App.js | 2 -- 1 file changed, 2 deletions(-) diff --git a/src/components/App.js b/src/components/App.js index 51299b8a1..d907f01b2 100644 --- a/src/components/App.js +++ b/src/components/App.js @@ -1,5 +1,3 @@ -import React from "react"; -import { format } from "date-fns"; import ExampleComponent from "./ExampleComponent"; import TestComponent from "./TestComponent";