docs: add documentation for Configuration API, Hooks API, and Component Communication

Author: LabEG

packages/reca-docs/app/advanced/best-practices/page.tsx

@@ -0,0 +1,11 @@
+import {type JSX} from "react";
+import {Shell} from "../../../src/components/shell/shell.js";
+import {BestPracticesScreen} from "../../../src/screens/advanced/best-practices-screen.js";
+
+const Page = (): JSX.Element => (
+    <Shell>
+        <BestPracticesScreen />
+    </Shell>
+);
+
+export default Page;

packages/reca-docs/app/advanced/faq/page.tsx

@@ -0,0 +1,11 @@
+import {type JSX} from "react";
+import {Shell} from "../../../src/components/shell/shell.js";
+import {FaqScreen} from "../../../src/screens/advanced/faq-screen.js";
+
+const Page = (): JSX.Element => (
+    <Shell>
+        <FaqScreen />
+    </Shell>
+);
+
+export default Page;

packages/reca-docs/app/advanced/migration/page.tsx

@@ -0,0 +1,11 @@
+import {type JSX} from "react";
+import {Shell} from "../../../src/components/shell/shell.js";
+import {MigrationScreen} from "../../../src/screens/advanced/migration-screen.js";
+
+const Page = (): JSX.Element => (
+    <Shell>
+        <MigrationScreen />
+    </Shell>
+);
+
+export default Page;

packages/reca-docs/app/advanced/page.tsx

@@ -0,0 +1,5 @@
+import {redirect} from "next/navigation";
+
+const AdvancedPage = () => redirect("/advanced/migration");
+
+export default AdvancedPage;

packages/reca-docs/app/api/configuration/page.tsx

@@ -0,0 +1,11 @@
+import {type JSX} from "react";
+import {Shell} from "../../../src/components/shell/shell.js";
+import {ConfigApiScreen} from "../../../src/screens/api/config-api-screen.js";
+
+const Page = (): JSX.Element => (
+    <Shell>
+        <ConfigApiScreen />
+    </Shell>
+);
+
+export default Page;

packages/reca-docs/app/api/hooks/page.tsx

@@ -0,0 +1,11 @@
+import {type JSX} from "react";
+import {Shell} from "../../../src/components/shell/shell.js";
+import {HooksApiScreen} from "../../../src/screens/api/hooks-api-screen.js";
+
+const Page = (): JSX.Element => (
+    <Shell>
+        <HooksApiScreen />
+    </Shell>
+);
+
+export default Page;

packages/reca-docs/app/guides/component-communication/page.tsx

@@ -0,0 +1,11 @@
+import {type JSX} from "react";
+import {Shell} from "../../../src/components/shell/shell.js";
+import {ComponentCommunicationScreen} from "../../../src/screens/guides/component-communication-screen.js";
+
+const Page = (): JSX.Element => (
+    <Shell>
+        <ComponentCommunicationScreen />
+    </Shell>
+);
+
+export default Page;

packages/reca-docs/app/guides/dependency-injection/page.tsx

@@ -0,0 +1,11 @@
+import {type JSX} from "react";
+import {Shell} from "../../../src/components/shell/shell.js";
+import {DependencyInjectionScreen} from "../../../src/screens/guides/dependency-injection-screen.js";
+
+const Page = (): JSX.Element => (
+    <Shell>
+        <DependencyInjectionScreen />
+    </Shell>
+);
+
+export default Page;

packages/reca-docs/app/guides/lifecycle/page.tsx

@@ -0,0 +1,11 @@
+import {type JSX} from "react";
+import {Shell} from "../../../src/components/shell/shell.js";
+import {LifecycleScreen} from "../../../src/screens/guides/lifecycle-screen.js";
+
+const Page = (): JSX.Element => (
+    <Shell>
+        <LifecycleScreen />
+    </Shell>
+);
+
+export default Page;

packages/reca-docs/app/guides/props/page.tsx

@@ -0,0 +1,11 @@
+import {type JSX} from "react";
+import {Shell} from "../../../src/components/shell/shell.js";
+import {PropsScreen} from "../../../src/screens/guides/props-screen.js";
+
+const Page = (): JSX.Element => (
+    <Shell>
+        <PropsScreen />
+    </Shell>
+);
+
+export default Page;