(DOCSP-26980) Realm Reactify "Define a Realm Object Model" page (#2538)

I didn't need to Bluehawk anything new here. Just used existing examples
and adjusted surrounding text to fit the `@realm/react` context.

The page has IA/structure issues that we should address later on.

- https://jira.mongodb.org/browse/DOCSP-26980

- [Define a Realm Object
Model](https://docs-mongodbcom-staging.corp.mongodb.com/realm/docsworker-xlarge/DOCSP-26980/sdk/react-native/realm-database/define-a-realm-object-model/)

If your PR modifies the docs, you might need to also update some
corresponding
pages. Check if completed or N/A.

- [x] Create Jira ticket for corresponding docs-app-services update(s),
if any
- [x] Checked/updated Admin API
- [x] Checked/updated CLI reference

[REVIEWING.md](https://github.com/mongodb/docs-realm/blob/master/REVIEWING.md)

![](https://64.media.tumblr.com/3dedcb3ca02d3c1dd61858594d391862/tumblr_inline_p36xj4ezFy1rzifqz_500.png)

---------

Co-authored-by: Ben Perlmutter <[email protected]>

Author: krollins-mdb

source/sdk/react-native/realm-database/define-a-realm-object-model.txt

@@ -11,16 +11,15 @@ Define a Realm Object Model - React Native SDK
    :depth: 2
    :class: singlecol
 
-
 .. _react-native-object-types:
 .. _react-native-object-schemas:
 .. _react-native-object-models:
 
 Key Concept: Object Types & Schemas
 -----------------------------------
 
-Every Realm object conforms to a specific **object type**, which is essentially
-a class that defines the properties and :ref:`relationships <react-native-relationships>`
+Every Realm object conforms to a specific **object type**. Object types are
+classes you define that contain the properties and :ref:`relationships <react-native-relationships>`
 for objects of that type using a pre-defined schema. Realm guarantees that all
 objects in a realm conform to the schema for their object type and validates
 objects whenever they're created, modified, or deleted.
@@ -45,81 +44,40 @@ If a realm already contains data when you open it, Realm Database
 validates each object to ensure that an object schema was provided for its type
 and that it meets all of the constraints specified in the schema.
 
-.. example::
-   
-   A realm that contains basic data about books in libraries might use a
-   schema like the following:
-   
-   .. code-block:: json
-      
-      [
-        {
-          "type": "Library",
-          "properties": {
-            "address": "string",
-            "books": "Book[]"
-          }
-        },
-        {
-          "type": "Book",
-          "primaryKey": "isbn",
-          "properties": {
-            "isbn": "string",
-            "title": "string",
-            "author": "string",
-            "numberOwned": { "type": "int?", "default": 0 },
-            "numberLoaned": { "type": "int?", "default": 0 }
-          }
-        }
-      ]
+Using ``@realm/react``, you define a realm schema by passing individual object
+schemas to ``<RealmProvider>`` or ``createRealmContext()``.
 
+.. literalinclude:: /examples/generated/react-native/js/RealmConfig.snippet.create-realm-context.js
+   :language: javascript
+   :emphasize-lines: 8
 
 .. _react-native-define-a-new-object-type:
 
-Define a New Object Type
-------------------------
-
-To define a Realm object type, create a schema object that specifies the type's
-``name`` and ``properties``. The type name must be unique among object types in
-a realm.
-
-.. code-block:: javascript
-   
-   const CarSchema = {
-     name: "Car",
-     properties: {
-       make: "string",
-       model: "string",
-       miles: "int",
-     }
-   }
-
-.. include:: /includes/note-class-char-limit.rst
-
-You can then :ref:`open a realm <node-open-a-local-realm>` using the Realm
-Object you have defined.
-   
-.. literalinclude:: /examples/generated/node/open-and-close-a-local-realm.snippet.open-local-realm-with-car-schema.js
-  :language: javascript
-
-.. note::
-   
-   To learn the various types that a Realm Object Model accepts, how to specify optional fields, define relationships, embedded objects, primary keys, and more, check out the :ref:`Schemas <react-native-schemas-overview>` section.
-
-.. _react-native-define-objects-with-js-classes:
-
-Define Realm Object Types with JavaScript Classes
--------------------------------------------------
-
-You can define Realm object types with JavaScript classes. To use a class as an
-object type, define the object schema on the static property ``schema``. 
-
-.. literalinclude:: /examples/generated/node/define-a-realm-object-schema.snippet.define-a-realm-object-schema-define-js-classes.js
-     :language: javascript
-   
-Pass the class itself to the schema property of the :js-sdk:`Realm.Configuration
-<Realm.html#~Configuration>` object when opening a realm. You can then :doc:`read and write
-</sdk/node/examples/read-and-write-data>` normally.
-
-.. literalinclude:: /examples/generated/node/define-a-realm-object-schema.snippet.define-a-realm-object-schema-js-classes-open-and-access-properties.js
-     :language: javascript
+Define an Object Type
+---------------------
+
+To define a Realm object type, create a class that extends ``Realm.Object``. 
+Define the type's ``name`` and ``properties`` in a static property called ``schema``. 
+The type's name must be unique among object types in a realm.
+
+.. tabs-realm-languages::
+
+   .. tab::
+      :tabid: typescript
+
+      .. literalinclude:: /examples/generated/react-native/ts/Book.snippet.ts-book-schema.ts
+        :language: javascript
+
+   .. tab::
+      :tabid: javascript
+
+      .. literalinclude:: /examples/generated/react-native/js/Book.snippet.js-book-schema.js
+        :language: javascript
+
+Then you can pass the class itself to the schema property of the :js-sdk:`Realm.Configuration
+<Realm.html#~Configuration>` object when opening a realm.
+
+To learn the various types that a Realm Object Model accepts, how to specify
+optional fields, define relationships, embedded objects, primary keys, and more,
+check out the :ref:`Schemas <react-native-schemas-overview>` section.
+