Consolidation Providers and Hooks

source/examples/generated/react/providers-hooks.snippet.use-providers.js

@@ -0,0 +1,15 @@
+import React from "react";
+import { APP_ID } from "../realm.config.json";
+import { AppProvider, UserProvider, RealmProvider, useRealm, useUser } from "@realm/react";
+
+export const AppWrapper = () => {
+    return (
+      <AppProvider id={APP_ID}> {/* pass in your App ID as a prop */}
+        <UserProvider>
+          <RealmProvider>
+            {/* call any app components here */}
+          </RealmProvider>
+        </UserProvider>
+      </AppProvider>
+    );
+  };

source/frameworks.txt

@@ -13,19 +13,22 @@ Build with Frameworks
 .. toctree::
    :titlesonly:
 
+   React </frameworks/react>
+   React Native </frameworks/react-native>
    Electron </frameworks/electron>
    Flutter </frameworks/flutter>
    Maui </frameworks/maui>
    .NET </frameworks/dotnet>
-   React Native </frameworks/react-native>
    SwiftUI </frameworks/swiftui>
 
 The following pages contain information about building with specific
 frameworks using Atlas Device SDK:
 
+- :ref:`sdks-build-with-react`
+- :ref:`sdks-build-with-react-native`
 - :ref:`sdks-build-with-electron`
 - :ref:`sdks-build-with-flutter`
 - :ref:`sdks-build-with-maui`
 - :ref:`sdks-build-with-dotnet`
 - :ref:`sdks-build-with-react-native`
-- :ref:`sdks-build-with-swiftui`
+- :ref:`sdks-build-with-swiftui`

source/frameworks/react.txt

@@ -0,0 +1,30 @@
+.. _sdks-build-with-react:
+
+================
+Build with React
+================
+
+.. contents:: On this page
+   :local:
+   :backlinks: none
+   :depth: 2
+   :class: singlecol
+
+.. toctree::
+   :titlesonly:
+
+   Install </frameworks/react/install>
+   Quick Start </frameworks/react/quick-start>
+   Providers & Hooks </frameworks/react/providers-hooks>
+   Model Data </frameworks/react/model-data>
+   Open & Manage Database Files </frameworks/react/manage-database-files>
+   Read & Write Data </frameworks/react/read-write>
+   React to Changes </frameworks/react/react-to-changes>
+   Access Atlas </frameworks/react/access-atlas>
+   Manage Users </frameworks/react/manage-users>
+   Sync Data </frameworks/react/sync-data>
+   Test & Debug </frameworks/react/test-debug>
+   API Reference </frameworks/react/api-reference>
+
+Placeholder page for information about building with React. (This may
+be a directory depending on how much content we have/need.)

source/frameworks/react/access-atlas.txt

@@ -0,0 +1,14 @@
+.. _sdks-react-access-atlas:
+
+============
+Access Atlas
+============
+
+.. contents:: On this page
+   :local:
+   :backlinks: none
+   :depth: 2
+   :class: singlecol
+
+Placeholder page for information about building with @realm/react. (This may
+be a directory as we have two pages for this?)

source/frameworks/react/api-reference.txt

@@ -0,0 +1,10 @@
+.. _sdks-react-api-reference:
+
+===================================
+API Reference
+===================================
+
+.. toctree::
+   :titlesonly:
+
+   JavaScript SDK Reference (@realm) <https://www.mongodb.com/docs/realm-sdks/js/latest/>

source/frameworks/react/install.txt

@@ -0,0 +1,14 @@
+.. _sdks-react-install:
+
+===================================
+Install @realm/react in a React App
+===================================
+
+.. contents:: On this page
+   :local:
+   :backlinks: none
+   :depth: 2
+   :class: singlecol
+
+Placeholder page for information about building with @realm/react. (This may
+be a directory as we have two pages for this?)

source/frameworks/react/manage-database-files.txt

@@ -0,0 +1,14 @@
+.. _sdks-react-manage-database-files:
+
+============================
+Open & Manage Database Files
+============================
+
+.. contents:: On this page
+   :local:
+   :backlinks: none
+   :depth: 2
+   :class: singlecol
+
+Placeholder page for information about building with @realm/react. (This may
+be a directory as we have two pages for this?)

source/frameworks/react/manage-users.txt

@@ -0,0 +1,14 @@
+.. _sdks-react-manage-users:
+
+============
+Manage Users
+============
+
+.. contents:: On this page
+   :local:
+   :backlinks: none
+   :depth: 2
+   :class: singlecol
+
+Placeholder page for information about building with @realm/react. (This may
+be a directory as we have two pages for this?)

source/frameworks/react/model-data.txt

@@ -0,0 +1,14 @@
+.. _sdks-react-model-data:
+
+==========
+Model Data
+==========
+
+.. contents:: On this page
+   :local:
+   :backlinks: none
+   :depth: 2
+   :class: singlecol
+
+Placeholder page for information about building with @realm/react. (This may
+be a directory as we have two pages for this?)