renamings

Author: MarcusNotheis

.github/workflows/examples.yml

@@ -20,7 +20,7 @@ jobs:
         path:
           - nextjs-app
           - nextjs-pages
-          - remix-ts
+          - react-router-ts
           - vite-ts
       fail-fast: false
     steps:

.storybook/images/logo-react-router.svg

@@ -1,9 +1,9 @@
-import { Footer, ProjectTemplate, TableOfContent, LabelWithWrapping } from '@sb/components';
-import { Meta } from '@storybook/blocks';
-import { Link, FlexBox, FlexBoxJustifyContent, FlexBoxWrap, Label } from '@ui5/webcomponents-react';
+import { Footer, LabelWithWrapping, ProjectTemplate, TableOfContent } from '@sb/components';
 import NextLogo from '@sb/images/logo-nextjs.svg';
+import ReactRouterLogo from '@sb/images/logo-react-router.svg';
 import ViteLogo from '@sb/images/logo-vitejs.svg';
-import RemixLogo from '@sb/images/logo-remix.svg';
+import { Meta } from '@storybook/blocks';
+import { FlexBox, FlexBoxJustifyContent, FlexBoxWrap, Label } from '@ui5/webcomponents-react';
 
 <Meta title="Project Templates & Examples" />
 
@@ -98,7 +98,9 @@ A curated list of minimal project templates and examples to get started using UI
   >
     <ul>
       <li>
-        <LabelWithWrapping>Routing and Data Fetching using the createBrowserRouter of React Router</LabelWithWrapping>
+        <LabelWithWrapping>
+          Routing and Data Fetching using the <code>createBrowserRouter</code> of React Router
+        </LabelWithWrapping>
       </li>
       <li>
         <Label>Cypress Component Test setup</Label>
@@ -112,17 +114,16 @@ A curated list of minimal project templates and examples to get started using UI
     </ul>
   </ProjectTemplate>
   <ProjectTemplate
-    title={'Remix'}
-    logo={RemixLogo}
-    logoAttribution={'Remix.run Logo. Original Source: https://remix.run'}
-    href={'https://github.com/SAP/ui5-webcomponents-react/tree/main/examples/remix-ts'}
+    title={'React Router v7'}
+    subtitle={'Previously: Remix Template'}
+    logo={ReactRouterLogo}
+    logoAttribution={'React Router Logo. Original Source: https://reactrouter.com'}
+    href={'https://github.com/SAP/ui5-webcomponents-react/tree/main/examples/react-router-ts'}
     isTypeScript
   >
     <ul>
       <li>
-        <Label>
-          Remix template using <code>remix-island</code>
-        </Label>
+        <Label>{`React Router v7 with server side rendering`}</Label>
       </li>
       <li>
         <Label>Theming</Label>

.storybook/images/logo-remix.svg

@@ -0,0 +1,45 @@
+# UI5 Web Components React - React Router Example
+
+This example shows how to use the [React Router](https://reactrouter.com/) with UI5 Web Components for React.
+This example was previously known as [Remix](https://remix.run/), and got updated to use React Router v7.
+
+## How to use this template
+
+```bash
+npx degit SAP/ui5-webcomponents-react/examples/react-router-ts#main my-project
+cd my-project
+```
+
+## Getting Started
+
+First, install the node_modules:
+
+```bash
+npm install
+```
+
+Then, run the development server:
+
+```bash
+npm run dev
+```
+
+## Deployment
+
+First, build your app for production:
+
+```sh
+npm run build
+```
+
+Then run the app in production mode:
+
+```sh
+npm start
+```
+
+Now you'll need to pick a host to deploy it to.
+
+## Learn More
+
+- 📖 See the [React router docs](https://reactrouter.com/home).

docs/ProjectTemplates.mdx

@@ -46,7 +46,7 @@ export function AppShellBar() {
     <>
       <ShellBar
         primaryTitle={'UI5 Web Components for React Examples'}
-        secondaryTitle={'Remix.run App'}
+        secondaryTitle={'React Router Example'}
         startButton={
           pathname !== '/' && (
             <Button