update docs

Author: mongodben

examples/react-native/__tests__/js/app-services/use-app.test.jsx

@@ -1,4 +1,4 @@
-// :snippet-start: app-provider
+// :snippet-start: use-app
 import React from 'react';
 import {useApp} from '@realm/react';
 import {Credentials} from 'realm';

examples/react-native/__tests__/ts/app-services/use-app.test.tsx

@@ -1,4 +1,4 @@
-// :snippet-start: app-provider
+// :snippet-start: use-app
 import React from 'react';
 import {useApp} from '@realm/react';
 import {Credentials} from 'realm';

source/examples/generated/react-native/js/use-app.test.snippet.app-provider.jsx renamed to source/examples/generated/react-native/js/use-app.test.snippet.use-app.jsx

@@ -1,6 +1,7 @@
-import React from 'react';
-import {useApp} from '@realm/react';
-import {Credentials} from 'realm';
+import React from "react";
+import { useApp } from "@realm/react";
+import { Credentials } from "realm";
+
 function MyApp() {
   const app = useApp();
   function logInAnonymousUser() {

source/examples/generated/react-native/ts/use-app.test.snippet.app-provider.tsx renamed to source/examples/generated/react-native/ts/use-app.test.snippet.use-app.tsx

@@ -1,6 +1,7 @@
-import React from 'react';
-import {useApp} from '@realm/react';
-import {Credentials} from 'realm';
+import React from "react";
+import { useApp } from "@realm/react";
+import { Credentials } from "realm";
+
 function MyApp() {
   const app = useApp();
   function logInAnonymousUser() {

source/sdk/react-native/app-services/connect-to-app-services-app.txt

@@ -28,16 +28,19 @@ To set up your App client, pass the App ID string
 to the ``id`` prop of the ``AppProvider``.
 Wrap any components that need to access the App with the ``AppProvider``.
 
-TODO: new literalinclues for both examples
+.. tabs-realm-languages::
 
-.. literalinclude:: /examples/generated/expo/AppWrapper.snippet.wrap-app-within-app-provider.tsx
-    :language: typescript
-    :emphasize-lines: 1, 5
+   .. tab::
+      :tabid: typescript
 
-You can also include additional configuration in the ``AppProvider`` by passing
-the properties of :js-sdk:`Realm.AppConfiguration <Realm.AppConfiguration.html>` as props.
+      .. literalinclude:: /examples/generated/react-native/ts/app-provider.test.snippet.app-provider.tsx
+         :language: typescript
 
-TODO: literalincludes for both examples
+   .. tab::
+      :tabid: javascript
+
+      .. literalinclude:: /examples/generated/react-native/js/app-provider.test.snippet.app-provider.jsx
+         :language: javascript
 
 .. _react-native-app-retrieve-client:
 
@@ -48,15 +51,40 @@ All components wrapped within an ``AppProvider`` can access the :js-sdk:`App <Re
 client with the ``useApp()`` hook. Using the App, you can authenticate users
 and access App Services.
 
-TODO: literalincludes for both examples
+.. tabs-realm-languages::
+
+   .. tab::
+      :tabid: typescript
+
+      .. literalinclude:: /examples/generated/react-native/ts/use-app.test.snippet.use-app.tsx
+         :language: typescript
 
-.. literalinclude:: /examples/generated/expo/LoginComponent.snippet.useApp-hook-usage.tsx
-    :language: typescript
-    :emphasize-lines: 1, 7, 11
+   .. tab::
+      :tabid: javascript
+
+      .. literalinclude:: /examples/generated/react-native/js/use-app.test.snippet.use-app.jsx
+         :language: javascript
 
 .. _react-native-retrieve-client-outside-provider:
 
 Retrieve App Outside the App Provider
 -------------------------------------
 
-TODO: i don't fully grok this
+To retrieve an instance of the App Client from anywhere in your application,
+call :js-sdk:`Realm.App.getApp() <Realm.App.html#getApp>` and pass in your ``App ID``.
+
+.. tabs-realm-languages::
+
+      .. tab::
+         :tabid: typescript
+
+         .. code-block:: typescript
+
+            const app = Realm.App.getApp("<Your App ID>");
+
+      .. tab::
+         :tabid: javascript
+
+         .. code-block:: javascript
+
+            const app = Realm.App.getApp("<Your App ID>");