diff --git a/components/MyIntroduce.tsx b/components/MyIntroduce.tsx new file mode 100644 index 0000000..a081c79 --- /dev/null +++ b/components/MyIntroduce.tsx @@ -0,0 +1,16 @@ +function MyIntroduce() { + return ( +
+
+ dino +
+

Hi, I'm Maxwell Wang.

+

+ I'm a software engineer and I love to build things. I'm currently + working for a fintech company as a front-end engineer. +

+
+ ); +} + +export default MyIntroduce; diff --git a/components/PostCard.tsx b/components/PostCard.tsx index e14aa00..99b2bda 100644 --- a/components/PostCard.tsx +++ b/components/PostCard.tsx @@ -3,20 +3,22 @@ import { Post } from "@/utils/posts.ts"; export default function PostCard(props: { post: Post }) { const { post } = props; return ( -
+
-

- {post.title} -

- +
+

+ {post.title} +

+ +
-
+
{post.snippet}
diff --git a/components/PostsList.tsx b/components/PostsList.tsx new file mode 100644 index 0000000..d17428f --- /dev/null +++ b/components/PostsList.tsx @@ -0,0 +1,18 @@ +import { Post } from "@/utils/posts.ts"; +import PostCard from "@/components/PostCard.tsx"; + +function PostList({ + posts, +}: { posts: Post[] }) { + return ( +
+
+ Posts +
+
+ {posts.map((post) => )} +
+
+ ); +} +export default PostList; diff --git a/components/Topbar.tsx b/components/Topbar.tsx index 9c765bb..e471687 100644 --- a/components/Topbar.tsx +++ b/components/Topbar.tsx @@ -19,7 +19,7 @@ export default function Topbar() { ]; return ( -
+
Arcane Tome
diff --git a/posts/relearn_react_02.md b/posts/relearn_react_02.md index abf5365..7738a3b 100644 --- a/posts/relearn_react_02.md +++ b/posts/relearn_react_02.md @@ -1,7 +1,7 @@ --- title: Relearn React 02 published_at: 2024-11-14T15:00:00.000Z -snippet: Relearning React from react.dev +snippet: Relearning React from react.dev, from "Writing Markup with JSX" --- ## From "Writing Markup with JSX" diff --git a/posts/relearn_react_03.md b/posts/relearn_react_03.md index fafb3d0..9e588dc 100644 --- a/posts/relearn_react_03.md +++ b/posts/relearn_react_03.md @@ -1,7 +1,7 @@ --- title: Relearn React 03 published_at: 2024-11-15T15:00:00.000Z -snippet: Relearning React from react.dev +snippet: Relearning React from react.dev, rendering lists. --- ## From "Conditional Rendering" diff --git a/posts/relearn_react_07.md b/posts/relearn_react_07.md index b4b371f..0f65612 100644 --- a/posts/relearn_react_07.md +++ b/posts/relearn_react_07.md @@ -1,7 +1,7 @@ --- title: Relearn React 07 published_at: 2024-11-20T15:00:00.000Z -snippet: Relearning React from react.dev +snippet: Relearning React from react.dev, is state a snapshot? --- ## From "State as a Snapshot" diff --git a/posts/relearn_react_08.md b/posts/relearn_react_08.md index 515cddc..20d01c8 100644 --- a/posts/relearn_react_08.md +++ b/posts/relearn_react_08.md @@ -1,7 +1,7 @@ --- -title: Relearn React 07 +title: Relearn React 08 published_at: 2024-11-20T15:00:00.000Z -snippet: Relearning React from react.dev +snippet: Relearning React from react.dev, batching state updates. --- ## From "Queueing a Series of State Updates" diff --git a/posts/relearn_react_09.md b/posts/relearn_react_09.md index fd2d907..3a573ed 100644 --- a/posts/relearn_react_09.md +++ b/posts/relearn_react_09.md @@ -1,7 +1,7 @@ --- title: Relearn React 09 published_at: 2024-11-22T15:00:00.000Z -snippet: Relearning React from react.dev +snippet: Relearning React from react.dev, why does the author explain how to update objects in the whole chapter? --- ## From "Updating Objects in State" diff --git a/posts/relearn_react_10.md b/posts/relearn_react_10.md index 954597f..7635a19 100644 --- a/posts/relearn_react_10.md +++ b/posts/relearn_react_10.md @@ -1,7 +1,7 @@ --- title: Relearn React 10 published_at: 2024-11-25T15:00:00.000Z -snippet: Relearning React from react.dev +snippet: Relearning React from react.dev, yes, arrays. --- ## From "Updating Arrays in State" diff --git a/routes/_app.tsx b/routes/_app.tsx index 5ad1e73..cf48819 100644 --- a/routes/_app.tsx +++ b/routes/_app.tsx @@ -12,6 +12,11 @@ export default function App({ Component }: PageProps) { rel="stylesheet" > + + diff --git a/routes/_layout.tsx b/routes/_layout.tsx index 98e5d21..860570a 100644 --- a/routes/_layout.tsx +++ b/routes/_layout.tsx @@ -8,7 +8,7 @@ export default function Layout({ Component, state }: PageProps) {
-