diff --git a/apps/react-world/src/pages/article.tsx b/apps/react-world/src/pages/article.tsx new file mode 100644 index 00000000..9147c951 --- /dev/null +++ b/apps/react-world/src/pages/article.tsx @@ -0,0 +1,206 @@ +import { useParams } from 'react-router-dom'; + +export const ArticlePage = () => { + const { articleSlug } = useParams<{ articleSlug: string }>(); + + console.log('articleSlug: ' + articleSlug); + + return ( + <> + + +
+
+
+

How to build webapps that scale

+ +
+ + + +
+ + Eric Simons + + January 20th +
+ +    + + + +
+
+
+ +
+
+
+

+ Web development technologies have evolved at an incredible clip + over the past few years. +

+

Introducing RealWorld.

+

+ It's a great solution for learning how other frameworks + work. +

+
    +
  • realworld
    • +
  • + implementations +
    • +
+
+
+ +
+ +
+
+ + + +
+ + Eric Simons + + January 20th +
+ +   + + + +
+
+ +
+
+
+
+ +
+
+ + +
+
+ +
+
+

+ With supporting text below as a natural lead-in to + additional content. +

+
+
+ + + +   + + Jacob Schmidt + + Dec 29th +
+
+ +
+
+

+ With supporting text below as a natural lead-in to + additional content. +

+
+
+ + + +   + + Jacob Schmidt + + Dec 29th + + + +
+
+
+
+
+
+ + + + ); +}; diff --git a/apps/react-world/src/routes/Routes.tsx b/apps/react-world/src/routes/Routes.tsx index 63193ab6..940f806e 100644 --- a/apps/react-world/src/routes/Routes.tsx +++ b/apps/react-world/src/routes/Routes.tsx @@ -2,6 +2,7 @@ import { createBrowserRouter, RouterProvider } from 'react-router-dom'; import { HomePage } from '../pages/home'; import { LoginPage } from '../pages/login'; import { RegisterPage } from '../pages/register'; +import { ArticlePage } from '../pages/article'; const router = createBrowserRouter([ { @@ -16,6 +17,10 @@ const router = createBrowserRouter([ path: '/register', element: , }, + { + path: '/article/:articleSlug', + element: , + }, ]); export const Routes = () => { diff --git a/templates/article.html b/templates/article.html deleted file mode 100644 index 888cd2e9..00000000 --- a/templates/article.html +++ /dev/null @@ -1,173 +0,0 @@ - - - - - - - - - - Conduit - - - - -
- - -
-
-
-

- Web development technologies have evolved at an incredible clip over the past few years. -

-

Introducing RealWorld.

-

It's a great solution for learning how other frameworks work.

-
    -
  • realworld
    • -
  • implementations
    • -
-
-
- -
- -
-
- -
- Eric Simons - January 20th -
- - -   - - - -
-
- -
-
-
-
- -
-
- - -
-
- -
-
-

- With supporting text below as a natural lead-in to additional content. -

-
-
- - - -   - Jacob Schmidt - Dec 29th -
-
- -
-
-

- With supporting text below as a natural lead-in to additional content. -

-
-
- - - -   - Jacob Schmidt - Dec 29th - - - -
-
-
-
-
-
- - - - \ No newline at end of file