From 6f79c4cf7ed8b0b4cd048817aa90ab12997caabc Mon Sep 17 00:00:00 2001
From: Mark Bakhit <archiethemonger@gmail.com>
Date: Sun, 24 Sep 2023 23:39:37 -0700
Subject: [PATCH] `view_to_iframe` component (#188)

-   The `compatibility` argument on `reactpy_django.components.view_to_component` is deprecated.
-   Using `reactpy_django.components.view_to_component` as a decorator is deprecated.
-   `reactpy_django.utils.register_iframe` function has been added.
-   `reactpy_django.components.view_to_iframe` component has been added
-   It is now recommended to call `as_view()` when using `view_to_component` or `view_to_iframe` with Class Based Views.
-   Thread sensitivity has been enabled in all locations where ORM queries are possible.
---
 CHANGELOG.md                                  |   9 +
 docs/python/hello_world_app_config_cbv.py     |  11 +
 docs/python/hello_world_app_config_fbv.py     |  11 +
 docs/python/hello_world_args_kwargs.py        |   5 +
 docs/python/hello_world_cbv.py                |   7 +
 docs/python/hello_world_fbv.py                |   5 +
 docs/python/hello_world_fbv_with_id.py        |   5 +
 docs/python/register-component.py             |   5 +-
 docs/python/use-mutation-thread-sensitive.py  |   2 +-
 docs/python/views.py                          |   7 +
 docs/python/vtc-args-kwargs.py                |  21 --
 docs/python/vtc-args.py                       |  23 ++
 docs/python/vtc-cbv-compatibility.py          |  10 -
 docs/python/vtc-cbv.py                        |  12 +-
 docs/python/vtc-compatibility.py              |  15 -
 docs/python/vtc-fbv-compat.py                 |   8 -
 docs/python/vtc-func.py                       |  12 -
 docs/python/vtc-request.py                    |  20 --
 docs/python/vtc-strict-parsing.py             |   8 +-
 docs/python/vtc-transforms.py                 |  13 +-
 docs/python/vtc.py                            |   8 +-
 docs/python/vti-args.py                       |  20 ++
 docs/python/vti-cbv.py                        |  13 +
 docs/python/vti-extra-props.py                |  15 +
 docs/python/vti.py                            |  13 +
 docs/src/reference/components.md              | 230 +++++++++++----
 docs/src/reference/decorators.md              |   2 +-
 docs/src/reference/hooks.md                   |  14 +-
 docs/src/reference/settings.md                |   8 +-
 docs/src/reference/utils.md                   |  80 ++++--
 mkdocs.yml                                    |   2 +-
 src/reactpy_django/checks.py                  |   2 +-
 src/reactpy_django/components.py              | 262 +++++++++++-------
 src/reactpy_django/config.py                  |   5 +-
 src/reactpy_django/exceptions.py              |   8 +
 src/reactpy_django/http/urls.py               |   6 +-
 src/reactpy_django/http/views.py              |  23 +-
 .../templates/reactpy/component.html          |   2 +-
 src/reactpy_django/types.py                   |   9 -
 src/reactpy_django/utils.py                   | 102 ++++---
 src/reactpy_django/websocket/consumer.py      |   4 +-
 tests/test_app/apps.py                        |  16 ++
 tests/test_app/components.py                  |  36 ++-
 tests/test_app/templates/base.html            |  17 +-
 tests/test_app/templates/errors.html          |  31 +++
 tests/test_app/tests/test_components.py       |  66 +++--
 tests/test_app/urls.py                        |   1 +
 tests/test_app/views.py                       |  26 +-
 48 files changed, 814 insertions(+), 416 deletions(-)
 create mode 100644 docs/python/hello_world_app_config_cbv.py
 create mode 100644 docs/python/hello_world_app_config_fbv.py
 create mode 100644 docs/python/hello_world_args_kwargs.py
 create mode 100644 docs/python/hello_world_cbv.py
 create mode 100644 docs/python/hello_world_fbv.py
 create mode 100644 docs/python/hello_world_fbv_with_id.py
 create mode 100644 docs/python/views.py
 delete mode 100644 docs/python/vtc-args-kwargs.py
 create mode 100644 docs/python/vtc-args.py
 delete mode 100644 docs/python/vtc-cbv-compatibility.py
 delete mode 100644 docs/python/vtc-compatibility.py
 delete mode 100644 docs/python/vtc-fbv-compat.py
 delete mode 100644 docs/python/vtc-func.py
 delete mode 100644 docs/python/vtc-request.py
 create mode 100644 docs/python/vti-args.py
 create mode 100644 docs/python/vti-cbv.py
 create mode 100644 docs/python/vti-extra-props.py
 create mode 100644 docs/python/vti.py
 create mode 100644 tests/test_app/apps.py
 create mode 100644 tests/test_app/templates/errors.html

diff --git a/CHANGELOG.md b/CHANGELOG.md
index f8f0ec63..cf739c05 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -39,10 +39,19 @@ Using the following categories, list your changes in this order:
 -   ReactPy components can now use SEO compatible rendering!
     -   `settings.py:REACTPY_PRERENDER` can be set to `True` to enable this behavior by default
     -   Or, you can enable it on individual components via the template tag: `{% component "..." prerender="True" %}`
+-   `reactpy_django.components.view_to_iframe` component has been added, which uses an `<iframe>` to render a Django view.
+-   `reactpy_django.utils.register_iframe` function has been added, which is mandatory to use alongside `reactpy_django.components.view_to_iframe`.
 
 ### Changed
 
 -   Renamed undocumented utility function `reactpy_django.utils.ComponentPreloader` to `reactpy_django.utils.RootComponentFinder`.
+-   It is now recommended to call `as_view()` when using `view_to_component` or `view_to_iframe` with Class Based Views.
+-   Thread sensitivity has been enabled in all locations where ORM queries are possible.
+
+### Deprecated
+
+-   The `compatibility` argument on `reactpy_django.components.view_to_component` is deprecated. Use `reactpy_django.components.view_to_iframe` instead.
+-   Using `reactpy_django.components.view_to_component` as a decorator is deprecated. Check the docs on the new suggested usage.
 
 ## [3.5.1] - 2023-09-07
 
diff --git a/docs/python/hello_world_app_config_cbv.py b/docs/python/hello_world_app_config_cbv.py
new file mode 100644
index 00000000..ec448117
--- /dev/null
+++ b/docs/python/hello_world_app_config_cbv.py
@@ -0,0 +1,11 @@
+from django.apps import AppConfig
+from reactpy_django.utils import register_iframe
+
+from . import views
+
+
+class ExampleAppConfig(AppConfig):
+    name = "example"
+
+    def ready(self):
+        register_iframe(views.HelloWorld)
diff --git a/docs/python/hello_world_app_config_fbv.py b/docs/python/hello_world_app_config_fbv.py
new file mode 100644
index 00000000..c23c6919
--- /dev/null
+++ b/docs/python/hello_world_app_config_fbv.py
@@ -0,0 +1,11 @@
+from django.apps import AppConfig
+from reactpy_django.utils import register_iframe
+
+from . import views
+
+
+class ExampleAppConfig(AppConfig):
+    name = "example"
+
+    def ready(self):
+        register_iframe(views.hello_world)
diff --git a/docs/python/hello_world_args_kwargs.py b/docs/python/hello_world_args_kwargs.py
new file mode 100644
index 00000000..b30b8e2b
--- /dev/null
+++ b/docs/python/hello_world_args_kwargs.py
@@ -0,0 +1,5 @@
+from django.http import HttpResponse
+
+
+def hello_world(request, arg1, arg2, kwarg1=None, kwarg2=None):
+    return HttpResponse(f"Hello World! {arg1} {arg2} {kwarg1} {kwarg2}")
diff --git a/docs/python/hello_world_cbv.py b/docs/python/hello_world_cbv.py
new file mode 100644
index 00000000..15850e94
--- /dev/null
+++ b/docs/python/hello_world_cbv.py
@@ -0,0 +1,7 @@
+from django.http import HttpResponse
+from django.views import View
+
+
+class HelloWorld(View):
+    def get(self, request):
+        return HttpResponse("Hello World!")
diff --git a/docs/python/hello_world_fbv.py b/docs/python/hello_world_fbv.py
new file mode 100644
index 00000000..25e52040
--- /dev/null
+++ b/docs/python/hello_world_fbv.py
@@ -0,0 +1,5 @@
+from django.http import HttpResponse
+
+
+def hello_world(request):
+    return HttpResponse("Hello World!")
diff --git a/docs/python/hello_world_fbv_with_id.py b/docs/python/hello_world_fbv_with_id.py
new file mode 100644
index 00000000..03a67b08
--- /dev/null
+++ b/docs/python/hello_world_fbv_with_id.py
@@ -0,0 +1,5 @@
+from django.http import HttpResponse
+
+
+def hello_world(request):
+    return HttpResponse('<div id="hello-world"> Hello World! </div>')
diff --git a/docs/python/register-component.py b/docs/python/register-component.py
index c8ad12e9..cbdbf789 100644
--- a/docs/python/register-component.py
+++ b/docs/python/register-component.py
@@ -2,7 +2,8 @@
 from reactpy_django.utils import register_component
 
 
-class ExampleConfig(AppConfig):
+class ExampleAppConfig(AppConfig):
+    name = "example"
+
     def ready(self):
-        # Add components to the ReactPy component registry when Django is ready
         register_component("example_project.my_app.components.hello_world")
diff --git a/docs/python/use-mutation-thread-sensitive.py b/docs/python/use-mutation-thread-sensitive.py
index ec07377e..d938c63d 100644
--- a/docs/python/use-mutation-thread-sensitive.py
+++ b/docs/python/use-mutation-thread-sensitive.py
@@ -3,7 +3,7 @@
 from reactpy_django.types import MutationOptions
 
 
-def execute_thread_safe_mutation():
+def execute_thread_safe_mutation(text):
     """This is an example mutation function that does some thread-safe operation."""
     pass
 
diff --git a/docs/python/views.py b/docs/python/views.py
new file mode 100644
index 00000000..60ebc945
--- /dev/null
+++ b/docs/python/views.py
@@ -0,0 +1,7 @@
+from .hello_world_cbv import HelloWorld
+from .hello_world_fbv import hello_world
+
+__all__ = [
+    "HelloWorld",
+    "hello_world",
+]
diff --git a/docs/python/vtc-args-kwargs.py b/docs/python/vtc-args-kwargs.py
deleted file mode 100644
index e4973e6b..00000000
--- a/docs/python/vtc-args-kwargs.py
+++ /dev/null
@@ -1,21 +0,0 @@
-from django.http import HttpResponse
-from reactpy import component, html
-from reactpy_django.components import view_to_component
-
-
-@view_to_component
-def hello_world_view(request, arg1, arg2, key1=None, key2=None):
-    return HttpResponse(f"Hello World! {arg1} {arg2} {key1} {key2}")
-
-
-@component
-def my_component():
-    return html.div(
-        hello_world_view(
-            None,  # Your request object (optional)
-            "value_1",
-            "value_2",
-            key1="abc",
-            key2="123",
-        ),
-    )
diff --git a/docs/python/vtc-args.py b/docs/python/vtc-args.py
new file mode 100644
index 00000000..edc0fbb2
--- /dev/null
+++ b/docs/python/vtc-args.py
@@ -0,0 +1,23 @@
+from django.http import HttpRequest
+from reactpy import component, html
+from reactpy_django.components import view_to_component
+
+from . import views
+
+hello_world_component = view_to_component(views.hello_world)
+
+
+@component
+def my_component():
+    request = HttpRequest()
+    request.method = "GET"
+
+    return html.div(
+        hello_world_component(
+            request,  # This request object is optional.
+            "value_1",
+            "value_2",
+            kwarg1="abc",
+            kwarg2="123",
+        ),
+    )
diff --git a/docs/python/vtc-cbv-compatibility.py b/docs/python/vtc-cbv-compatibility.py
deleted file mode 100644
index aa616cf8..00000000
--- a/docs/python/vtc-cbv-compatibility.py
+++ /dev/null
@@ -1,10 +0,0 @@
-from django.contrib.auth.decorators import user_passes_test
-from django.utils.decorators import method_decorator
-from django.views.generic import TemplateView
-from reactpy_django.components import view_to_component
-
-
-@view_to_component(compatibility=True)
-@method_decorator(user_passes_test(lambda u: u.is_superuser), name="dispatch")  # type: ignore[union-attr]
-class ExampleView(TemplateView):
-    ...
diff --git a/docs/python/vtc-cbv.py b/docs/python/vtc-cbv.py
index a0b2fe45..47509b75 100644
--- a/docs/python/vtc-cbv.py
+++ b/docs/python/vtc-cbv.py
@@ -1,19 +1,13 @@
-from django.http import HttpResponse
-from django.views import View
 from reactpy import component, html
 from reactpy_django.components import view_to_component
 
+from . import views
 
-class HelloWorldView(View):
-    def get(self, request):
-        return HttpResponse("Hello World!")
-
-
-vtc = view_to_component(HelloWorldView)
+hello_world_component = view_to_component(views.HelloWorld.as_view())
 
 
 @component
 def my_component():
     return html.div(
-        vtc(),
+        hello_world_component(),
     )
diff --git a/docs/python/vtc-compatibility.py b/docs/python/vtc-compatibility.py
deleted file mode 100644
index 93d15536..00000000
--- a/docs/python/vtc-compatibility.py
+++ /dev/null
@@ -1,15 +0,0 @@
-from django.http import HttpResponse
-from reactpy import component, html
-from reactpy_django.components import view_to_component
-
-
-@view_to_component(compatibility=True)
-def hello_world_view(request):
-    return HttpResponse("Hello World!")
-
-
-@component
-def my_component():
-    return html.div(
-        hello_world_view(),
-    )
diff --git a/docs/python/vtc-fbv-compat.py b/docs/python/vtc-fbv-compat.py
deleted file mode 100644
index 6ef3e40a..00000000
--- a/docs/python/vtc-fbv-compat.py
+++ /dev/null
@@ -1,8 +0,0 @@
-from django.contrib.auth.decorators import user_passes_test
-from reactpy_django.components import view_to_component
-
-
-@view_to_component(compatibility=True)
-@user_passes_test(lambda u: u.is_superuser)  # type: ignore[union-attr]
-def example_view(request):
-    ...
diff --git a/docs/python/vtc-func.py b/docs/python/vtc-func.py
deleted file mode 100644
index 82f1bcd0..00000000
--- a/docs/python/vtc-func.py
+++ /dev/null
@@ -1,12 +0,0 @@
-from example.views import example_view
-from reactpy import component, html
-from reactpy_django.components import view_to_component
-
-example_vtc = view_to_component(example_view)
-
-
-@component
-def my_component():
-    return html.div(
-        example_vtc(),
-    )
diff --git a/docs/python/vtc-request.py b/docs/python/vtc-request.py
deleted file mode 100644
index cf3d3cb0..00000000
--- a/docs/python/vtc-request.py
+++ /dev/null
@@ -1,20 +0,0 @@
-from django.http import HttpRequest, HttpResponse
-from reactpy import component, html
-from reactpy_django.components import view_to_component
-
-example_request = HttpRequest()
-example_request.method = "PUT"
-
-
-@view_to_component
-def hello_world_view(request):
-    return HttpResponse(f"Hello World! {request.method}")
-
-
-@component
-def my_component():
-    return html.div(
-        hello_world_view(
-            example_request,
-        ),
-    )
diff --git a/docs/python/vtc-strict-parsing.py b/docs/python/vtc-strict-parsing.py
index d4da513c..194d35cc 100644
--- a/docs/python/vtc-strict-parsing.py
+++ b/docs/python/vtc-strict-parsing.py
@@ -1,15 +1,13 @@
-from django.http import HttpResponse
 from reactpy import component, html
 from reactpy_django.components import view_to_component
 
+from . import views
 
-@view_to_component(strict_parsing=False)
-def hello_world_view(request):
-    return HttpResponse("<my-tag> Hello World </my-tag>")
+hello_world_component = view_to_component(views.hello_world)
 
 
 @component
 def my_component():
     return html.div(
-        hello_world_view(),
+        hello_world_component(),
     )
diff --git a/docs/python/vtc-transforms.py b/docs/python/vtc-transforms.py
index 3d8c716a..adbf9ea1 100644
--- a/docs/python/vtc-transforms.py
+++ b/docs/python/vtc-transforms.py
@@ -1,21 +1,22 @@
-from django.http import HttpResponse
 from reactpy import component, html
 from reactpy_django.components import view_to_component
 
+from . import views
+
 
 def example_transform(vdom):
     attributes = vdom.get("attributes")
     if attributes and attributes.get("id") == "hello-world":
-        vdom["children"][0] = "Good Bye World!"
+        vdom["children"][0] = "Farewell World!"
 
 
-@view_to_component(transforms=[example_transform])
-def hello_world_view(request):
-    return HttpResponse("<div id='hello-world'> Hello World! <div>")
+hello_world_component = view_to_component(
+    views.hello_world, transforms=[example_transform]
+)
 
 
 @component
 def my_component():
     return html.div(
-        hello_world_view(),
+        hello_world_component(),
     )
diff --git a/docs/python/vtc.py b/docs/python/vtc.py
index 92fea793..194d35cc 100644
--- a/docs/python/vtc.py
+++ b/docs/python/vtc.py
@@ -1,15 +1,13 @@
-from django.http import HttpResponse
 from reactpy import component, html
 from reactpy_django.components import view_to_component
 
+from . import views
 
-@view_to_component
-def hello_world_view(request):
-    return HttpResponse("Hello World!")
+hello_world_component = view_to_component(views.hello_world)
 
 
 @component
 def my_component():
     return html.div(
-        hello_world_view(),
+        hello_world_component(),
     )
diff --git a/docs/python/vti-args.py b/docs/python/vti-args.py
new file mode 100644
index 00000000..f5013ecd
--- /dev/null
+++ b/docs/python/vti-args.py
@@ -0,0 +1,20 @@
+from reactpy import component, html
+from reactpy_django.components import view_to_iframe
+
+from . import views
+
+hello_world_iframe = view_to_iframe(
+    views.hello_world,
+)
+
+
+@component
+def my_component():
+    return html.div(
+        hello_world_iframe(
+            "value_1",
+            "value_2",
+            kwarg1="abc",
+            kwarg2="123",
+        ),
+    )
diff --git a/docs/python/vti-cbv.py b/docs/python/vti-cbv.py
new file mode 100644
index 00000000..4e1f1b44
--- /dev/null
+++ b/docs/python/vti-cbv.py
@@ -0,0 +1,13 @@
+from reactpy import component, html
+from reactpy_django.components import view_to_iframe
+
+from . import views
+
+hello_world_iframe = view_to_iframe(views.HelloWorld.as_view())
+
+
+@component
+def my_component():
+    return html.div(
+        hello_world_iframe(),
+    )
diff --git a/docs/python/vti-extra-props.py b/docs/python/vti-extra-props.py
new file mode 100644
index 00000000..655ad541
--- /dev/null
+++ b/docs/python/vti-extra-props.py
@@ -0,0 +1,15 @@
+from reactpy import component, html
+from reactpy_django.components import view_to_iframe
+
+from . import views
+
+hello_world_iframe = view_to_iframe(
+    views.hello_world, extra_props={"title": "Hello World!"}
+)
+
+
+@component
+def my_component():
+    return html.div(
+        hello_world_iframe(),
+    )
diff --git a/docs/python/vti.py b/docs/python/vti.py
new file mode 100644
index 00000000..c8ff6796
--- /dev/null
+++ b/docs/python/vti.py
@@ -0,0 +1,13 @@
+from reactpy import component, html
+from reactpy_django.components import view_to_iframe
+
+from . import views
+
+hello_world_iframe = view_to_iframe(views.hello_world)
+
+
+@component
+def my_component():
+    return html.div(
+        hello_world_iframe(),
+    )
diff --git a/docs/src/reference/components.md b/docs/src/reference/components.md
index 85199f27..65b94923 100644
--- a/docs/src/reference/components.md
+++ b/docs/src/reference/components.md
@@ -10,7 +10,11 @@ We supply some pre-designed that components can be used to help simplify develop
 
 ## View To Component
 
-Convert any Django view into a ReactPy component by using this decorator. Compatible with [Function Based Views](https://docs.djangoproject.com/en/dev/topics/http/views/) and [Class Based Views](https://docs.djangoproject.com/en/dev/topics/class-based-views/). Views can be sync or async.
+Automatically convert a Django view into a component.
+
+At this time, this works best with static views that do not rely on HTTP methods other than `GET`.
+
+Compatible with sync or async [Function Based Views](https://docs.djangoproject.com/en/dev/topics/http/views/) and [Class Based Views](https://docs.djangoproject.com/en/dev/topics/class-based-views/).
 
 === "components.py"
 
@@ -18,14 +22,19 @@ Convert any Django view into a ReactPy component by using this decorator. Compat
     {% include "../../python/vtc.py" %}
     ```
 
+=== "views.py"
+
+    ```python
+    {% include "../../python/hello_world_fbv.py" %}
+    ```
+
 ??? example "See Interface"
 
     <font size="4">**Parameters**</font>
 
     | Name | Type | Description | Default |
     | --- | --- | --- | --- |
-    | `#!python view` | `#!python Callable | View` | The view function or class to convert. | N/A |
-    | `#!python compatibility` | `#!python bool` | If `#!python True`, the component will be rendered in an iframe. When using compatibility mode `#!python tranforms`, `#!python strict_parsing`, `#!python request`, `#!python args`, and `#!python kwargs` arguments will be ignored. | `#!python False` |
+    | `#!python view` | `#!python Callable | View | str` | The view to convert, or the view's dotted path as a string. | N/A |
     | `#!python transforms` | `#!python Sequence[Callable[[VdomDict], Any]]` | A list of functions that transforms the newly generated VDOM. The functions will be called on each VDOM node. | `#!python tuple` |
     | `#!python strict_parsing` | `#!python bool` | If `#!python True`, an exception will be generated if the HTML does not perfectly adhere to HTML5. | `#!python True` |
 
@@ -33,134 +42,241 @@ Convert any Django view into a ReactPy component by using this decorator. Compat
 
     | Type | Description |
     | --- | --- |
-    | `#!python _ViewComponentConstructor` | A function that takes `#!python request, *args, key, **kwargs` and returns a ReactPy component. All parameters are directly provided to your view, besides `#!python key` which is used by ReactPy. |
+    | `#!python constructor` | A function that takes `#!python request, *args, key, **kwargs` and returns a ReactPy component. Note that `#!python *args` and `#!python **kwargs` are directly provided to your view. |
 
-??? Warning "Potential information exposure when using `#!python compatibility = True`"
+??? info "Existing limitations"
 
-    When using `#!python compatibility` mode, ReactPy automatically exposes a URL to your view.
+    There are currently several limitations of using `#!python view_to_component` that may be resolved in a future version.
 
-    It is your responsibility to ensure privileged information is not leaked via this method.
+    - Requires manual intervention to change HTTP methods to anything other than `GET`.
+    - ReactPy events cannot conveniently be attached to converted view HTML.
+    - Has no option to automatically intercept local anchor link (such as `#!html <a href='example/'></a>`) click events.
 
-    You must implement a method to ensure only authorized users can access your view. This can be done via directly writing conditionals into your view, or by adding decorators such as [`#!python user_passes_test`](https://docs.djangoproject.com/en/dev/topics/auth/default/#django.contrib.auth.decorators.user_passes_test) to your views. For example...
+??? question "How do I use this for Class Based Views?"
 
-    === "Function Based View"
+    Class Based Views are accepted by `#!python view_to_component` as an argument.
 
-        ```python
-        {% include "../../python/vtc-fbv-compat.py" %}
-        ```
+    Calling `#!python as_view()` is optional, but recommended.
 
-    === "Class Based View"
+    === "components.py"
 
         ```python
-        {% include "../../python/vtc-cbv-compatibility.py" %}
+        {% include "../../python/vtc-cbv.py" %}
         ```
 
-??? info "Existing limitations"
+    === "views.py"
 
-    There are currently several limitations of using `#!python view_to_component` that may be resolved in a future version.
+        ```python
+        {% include "../../python/hello_world_cbv.py" %}
+        ```
 
-    - Requires manual intervention to change request methods beyond `GET`.
-    - ReactPy events cannot conveniently be attached to converted view HTML.
-    - Has no option to automatically intercept local anchor link (such as `#!html <a href='example/'></a>`) click events.
+??? question "How do I provide `#!python request`, `#!python args`, and `#!python kwargs` to a converted view?"
 
-    _Please note these limitations do not exist when using `#!python compatibility` mode._
+    This component accepts `#!python request`, `#!python *args`, and `#!python **kwargs` arguments, which are sent to your provided view.
 
-??? question "How do I use this for Class Based Views?"
+    === "components.py"
 
-    You can simply pass your Class Based View directly into `#!python view_to_component`.
+        ```python
+        {% include "../../python/vtc-args.py" %}
+        ```
 
-    === "components.py"
+    === "views.py"
 
         ```python
-        {% include "../../python/vtc-cbv.py" %}
+        {% include "../../python/hello_world_args_kwargs.py" %}
         ```
 
-??? question "How do I transform views from external libraries?"
+??? question "How do I customize this component's behavior?"
 
-    In order to convert external views, you can utilize `#!python view_to_component` as a function, rather than a decorator.
+    This component accepts arguments that can be used to customize its behavior.
 
-    === "components.py"
+    Below are all the arguments that can be used.
 
-        ```python
-        {% include "../../python/vtc-func.py" %}
-        ```
+    ---
 
-??? question "How do I provide `#!python request`, `#!python args`, and `#!python kwargs` to a view?"
+    <font size="4">**`#!python strict_parsing`**</font>
 
-    <font size="4">**`#!python Request`**</font>
+    By default, an exception will be generated if your view's HTML does not perfectly adhere to HTML5.
+
+    However, there are some circumstances where you may not have control over the original HTML, so you may be unable to fix it. Or you may be relying on non-standard HTML tags such as `#!html <my-tag> Hello World </my-tag>`.
 
-    You can use the `#!python request` parameter to provide the view a custom request object.
+    In these scenarios, you may want to rely on best-fit parsing by setting the `#!python strict_parsing` parameter to `#!python False`. This uses `libxml2` recovery algorithm, which is designed to be similar to how web browsers would attempt to parse non-standard or broken HTML.
 
     === "components.py"
 
         ```python
-        {% include "../../python/vtc-request.py" %}
+        {% include "../../python/vtc-strict-parsing.py" %}
+        ```
+
+    === "views.py"
+
+        ```python
+        {% include "../../python/hello_world_fbv.py" %}
         ```
 
     ---
 
-    <font size="4">**`#!python args` and `#!python kwargs`**</font>
+    <font size="4">**`#!python transforms`**</font>
+
+    After your view has been turned into [VDOM](https://reactpy.dev/docs/reference/specifications.html#vdom) (python dictionaries), `#!python view_to_component` will call your `#!python transforms` functions on every VDOM node.
+
+    This allows you to modify your view prior to rendering.
 
-    You can use the `#!python args` and `#!python kwargs` parameters to provide positional and keyworded arguments to a view.
+    For example, if you are trying to modify the text of a node with a certain `#!python id`, you can create a transform like such:
 
     === "components.py"
 
         ```python
-        {% include "../../python/vtc-args-kwargs.py" %}
+        {% include "../../python/vtc-transforms.py" %}
         ```
 
-??? question "How do I use `#!python strict_parsing`, `#!python compatibility`, and `#!python transforms`?"
+    === "views.py"
 
-    <font size="4">**`#!python strict_parsing`**</font>
+        ```python
+        {% include "../../python/hello_world_fbv_with_id.py" %}
+        ```
 
-    By default, an exception will be generated if your view's HTML does not perfectly adhere to HTML5.
+---
 
-    However, there are some circumstances where you may not have control over the original HTML, so you may be unable to fix it. Or you may be relying on non-standard HTML tags such as `#!html <my-tag> Hello World </my-tag>`.
+## View To Iframe
+
+Automatically convert a Django view into an [`iframe` element](https://www.techtarget.com/whatis/definition/IFrame-Inline-Frame).
+
+The contents of this `#!python iframe` is handled entirely by traditional Django view rendering. While this solution is compatible with more views than `#!python view_to_component`, it comes with different limitations.
+
+Compatible with sync or async [Function Based Views](https://docs.djangoproject.com/en/dev/topics/http/views/) and [Class Based Views](https://docs.djangoproject.com/en/dev/topics/class-based-views/).
+
+!!! Warning "Pitfall"
+
+    When using this component, ReactPy automatically exposes a URL to your view. If your view contains sensitive information, you must ensure only authorized users can access this view.
+
+    This can be done via directly writing conditionals into your view, or by using [Django's `user_passes_test`](https://docs.djangoproject.com/en/dev/topics/auth/default/#django.contrib.auth.decorators.user_passes_test).
+
+=== "components.py"
+
+    ```python
+    {% include "../../python/vti.py" %}
+    ```
+
+=== "views.py"
+
+    ```python
+    {% include "../../python/hello_world_fbv.py" %}
+    ```
+
+=== "apps.py"
+
+    ```python
+    {% include "../../python/hello_world_app_config_fbv.py" %}
+    ```
+
+??? example "See Interface"
+
+    <font size="4">**Parameters**</font>
+
+    | Name | Type | Description | Default |
+    | --- | --- | --- | --- |
+    | `#!python view` | `#!python Callable | View | str` | The view function or class to convert. | N/A |
+    | `#!python extra_props` | `#!python Mapping[str, Any] | None` | Additional properties to add to the `iframe` element. | `#!python None` |
 
-    In these scenarios, you may want to rely on best-fit parsing by setting the `#!python strict_parsing` parameter to `#!python False`.
+
+    <font size="4">**Returns**</font>
+
+    | Type | Description |
+    | --- | --- |
+    | `#!python constructor` | A function that takes `#!python *args, key, **kwargs` and returns a ReactPy component. Note that `#!python *args` and `#!python **kwargs` are directly provided to your view. |
+
+??? info "Existing limitations"
+
+    There are currently several limitations of using `#!python view_to_iframe` that may be resolved in a future version.
+
+    - No built-in method of signalling events back to the parent component.
+    - All provided `#!python *args` and `#!python *kwargs` must be serializable values, since they are encoded into the URL.
+    - The `#!python iframe`'s contents will always load **after** the parent component.
+    - CSS styling for `#!python iframe` elements tends to be awkward/difficult.
+
+??? question "How do I use this for Class Based Views?"
+
+    Class Based Views are accepted by `#!python view_to_iframe` as an argument.
+
+    Calling `#!python as_view()` is optional, but recommended.
 
     === "components.py"
 
         ```python
-        {% include "../../python/vtc-strict-parsing.py" %}
+        {% include "../../python/vti-cbv.py" %}
         ```
 
-    _Note: Best-fit parsing is designed to be similar to how web browsers would handle non-standard or broken HTML._
+    === "views.py"
 
-    ---
+        ```python
+        {% include "../../python/hello_world_cbv.py" %}
+        ```
 
-    <font size="4">**`#!python compatibility`**</font>
+    === "apps.py"
 
-    For views that rely on HTTP responses other than `GET` (such as `PUT`, `POST`, `PATCH`, etc), you should consider using compatibility mode to render your view within an iframe.
+        ```python
+        {% include "../../python/hello_world_app_config_cbv.py" %}
+        ```
 
-    Any view can be rendered within compatibility mode. However, the `#!python transforms`, `#!python strict_parsing`, `#!python request`, `#!python args`, and `#!python kwargs` arguments do not apply to compatibility mode.
+??? question "How do I provide `#!python args` and `#!python kwargs` to a converted view?"
 
+    This component accepts `#!python *args` and `#!python **kwargs` arguments, which are sent to your provided view.
 
+    All provided `#!python *args` and `#!python *kwargs` must be serializable values, since they are encoded into the URL.
 
     === "components.py"
 
         ```python
-        {% include "../../python/vtc-compatibility.py" %}
+        {% include "../../python/vti-args.py" %}
         ```
 
-    _Note: By default the `#!python compatibility` iframe is unstyled, and thus won't look pretty until you add some CSS._
+    === "views.py"
 
-    ---
+        ```python
+        {% include "../../python/hello_world_fbv.py" %}
+        ```
 
-    <font size="4">**`#!python transforms`**</font>
+    === "apps.py"
 
-    After your view has been turned into [VDOM](https://reactpy.dev/docs/reference/specifications.html#vdom) (python dictionaries), `#!python view_to_component` will call your `#!python transforms` functions on every VDOM node.
+        ```python
+        {% include "../../python/hello_world_app_config_fbv.py" %}
+        ```
 
-    This allows you to modify your view prior to rendering.
+??? question "How do I customize this component's behavior?"
 
-    For example, if you are trying to modify the text of a node with a certain `#!python id`, you can create a transform like such:
+    This component accepts arguments that can be used to customize its behavior.
+
+    Below are all the arguments that can be used.
+
+    ---
+
+    <font size="4">**`#!python extra_props`**</font>
+
+    This component accepts a `#!python extra_props` parameter, which is a dictionary of additional properties to add to the `#!python iframe` element.
+
+    For example, if you want to add a `#!python title` attribute to the `#!python iframe` element, you can do so like such:
 
     === "components.py"
 
         ```python
-        {% include "../../python/vtc-transforms.py" %}
+        {% include "../../python/vti-extra-props.py" %}
+        ```
+
+    === "views.py"
+
+        ```python
+        {% include "../../python/hello_world_fbv.py" %}
         ```
 
+    === "apps.py"
+
+        ```python
+        {% include "../../python/hello_world_app_config_fbv.py" %}
+        ```
+
+---
+
 ## Django CSS
 
 Allows you to defer loading a CSS stylesheet until a component begins rendering. This stylesheet must be stored within [Django's static files](https://docs.djangoproject.com/en/dev/howto/static-files/).
@@ -212,6 +328,8 @@ Allows you to defer loading a CSS stylesheet until a component begins rendering.
 
     However, to help improve webpage load times you can use this `#!python django_css` component to defer loading your stylesheet until it is needed.
 
+---
+
 ## Django JS
 
 Allows you to defer loading JavaScript until a component begins rendering. This JavaScript must be stored within [Django's static files](https://docs.djangoproject.com/en/dev/howto/static-files/).
diff --git a/docs/src/reference/decorators.md b/docs/src/reference/decorators.md
index e5650648..f02a718a 100644
--- a/docs/src/reference/decorators.md
+++ b/docs/src/reference/decorators.md
@@ -14,7 +14,7 @@ You can limit component access to users with a specific `#!python auth_attribute
 
 By default, this decorator checks if the user is logged in and not deactivated (`#!python is_active`).
 
-This decorator is commonly used to selectively render a component only if a user [`#!python is_staff`](https://docs.djangoproject.com/en/dev/ref/contrib/auth/#django.contrib.auth.models.User.is_staff) or [`#!python is_superuser`](https://docs.djangoproject.com/en/dev/ref/contrib/auth/#django.contrib.auth.models.User.is_superuser).
+This decorator is commonly used to selectively render a component only if a user [`is_staff`](https://docs.djangoproject.com/en/dev/ref/contrib/auth/#django.contrib.auth.models.User.is_staff) or [`is_superuser`](https://docs.djangoproject.com/en/dev/ref/contrib/auth/#django.contrib.auth.models.User.is_superuser).
 
 === "components.py"
 
diff --git a/docs/src/reference/hooks.md b/docs/src/reference/hooks.md
index c9b3985d..4a97cc89 100644
--- a/docs/src/reference/hooks.md
+++ b/docs/src/reference/hooks.md
@@ -69,7 +69,7 @@ The [default postprocessor](../reference/utils.md#django-query-postprocessor) ex
 
     <font size="4">**`#!python thread_sensitive`**</font>
 
-    Whether to run your synchronous query function in thread-sensitive mode. Thread-sensitive mode is turned on by default due to Django ORM limitations. See Django's [`#!python sync_to_async` docs](https://docs.djangoproject.com/en/dev/topics/async/#sync-to-async) docs for more information.
+    Whether to run your synchronous query function in thread-sensitive mode. Thread-sensitive mode is turned on by default due to Django ORM limitations. See Django's [`sync_to_async` docs](https://docs.djangoproject.com/en/dev/topics/async/#sync-to-async) docs for more information.
 
     This setting only applies to sync query functions, and will be ignored for async functions.
 
@@ -156,6 +156,8 @@ The [default postprocessor](../reference/utils.md#django-query-postprocessor) ex
 
     With the `#!python Model` or `#!python QuerySet` your function returns, this hook uses the [default postprocessor](../reference/utils.md#django-query-postprocessor) to ensure that all [deferred](https://docs.djangoproject.com/en/dev/ref/models/instances/#django.db.models.Model.get_deferred_fields) or [lazy](https://docs.djangoproject.com/en/dev/topics/db/queries/#querysets-are-lazy) fields are executed.
 
+---
+
 ## Use Mutation
 
 This hook is used to modify data in the background, typically to [create/update/delete](https://www.sumologic.com/glossary/crud/) data from the Django ORM.
@@ -209,7 +211,7 @@ Mutation functions can `#!python return False` to prevent executing your `#!pyth
 
     <font size="4">**`#!python thread_sensitive`**</font>
 
-    Whether to run your synchronous mutation function in thread-sensitive mode. Thread-sensitive mode is turned on by default due to Django ORM limitations. See Django's [`#!python sync_to_async` docs](https://docs.djangoproject.com/en/dev/topics/async/#sync-to-async) docs for more information.
+    Whether to run your synchronous mutation function in thread-sensitive mode. Thread-sensitive mode is turned on by default due to Django ORM limitations. See Django's [`sync_to_async` docs](https://docs.djangoproject.com/en/dev/topics/async/#sync-to-async) docs for more information.
 
     This setting only applies to sync query functions, and will be ignored for async functions.
 
@@ -261,6 +263,8 @@ Mutation functions can `#!python return False` to prevent executing your `#!pyth
         {% include "../../python/example/models.py" %}
         ```
 
+---
+
 ## Use Connection
 
 This hook is used to fetch the active connection, which is either a Django [WebSocket](https://channels.readthedocs.io/en/stable/topics/consumers.html#asyncjsonwebsocketconsumer) or a [HTTP Request](https://docs.djangoproject.com/en/4.2/ref/request-response/#django.http.HttpRequest).
@@ -283,6 +287,8 @@ This hook is used to fetch the active connection, which is either a Django [WebS
     | --- | --- |
     | `#!python Connection` | The component's `WebSocket` or `HttpRequest`. |
 
+---
+
 ## Use Scope
 
 This is a shortcut that returns the WebSocket or HTTP [scope](https://channels.readthedocs.io/en/stable/topics/consumers.html#scope).
@@ -305,6 +311,8 @@ This is a shortcut that returns the WebSocket or HTTP [scope](https://channels.r
     | --- | --- |
     | `#!python MutableMapping[str, Any]` | The WebSocket's `#!python scope`. |
 
+---
+
 ## Use Location
 
 This is a shortcut that returns the client's URL `#!python path`.
@@ -335,6 +343,8 @@ You can expect this hook to provide strings such as `/reactpy/my_path`.
 
     Check out [reactive-python/reactpy-django#147](https://github.com/reactive-python/reactpy-django/issues/147) for more information.
 
+---
+
 ## Use Origin
 
 This is a shortcut that returns the client's `#!python origin`.
diff --git a/docs/src/reference/settings.md b/docs/src/reference/settings.md
index 46ed7070..3a69840e 100644
--- a/docs/src/reference/settings.md
+++ b/docs/src/reference/settings.md
@@ -88,9 +88,9 @@ DATABASE_ROUTERS = ["reactpy_django.database.Router", ...]
 
 **Example Value(s):** `#!python "my-reactpy-cache"`
 
-Cache used by ReactPy, typically for file operations.
+Cache used by ReactPy, typically for caching disk operations.
 
-We recommend configuring [`redis`](https://docs.djangoproject.com/en/dev/topics/cache/#redis), [`python-diskcache`](https://grantjenks.com/docs/diskcache/tutorial.html#djangocache), or [`LocMemCache`](https://docs.djangoproject.com/en/dev/topics/cache/#local-memory-caching).
+We recommend using [`redis`](https://docs.djangoproject.com/en/dev/topics/cache/#redis), [`python-diskcache`](https://grantjenks.com/docs/diskcache/tutorial.html#djangocache), or [`LocMemCache`](https://docs.djangoproject.com/en/dev/topics/cache/#local-memory-caching).
 
 ---
 
@@ -102,7 +102,9 @@ We recommend configuring [`redis`](https://docs.djangoproject.com/en/dev/topics/
 
 Configures whether ReactPy components are rendered in a dedicated thread.
 
-This setting allows the web server to process other traffic during ReactPy rendering. Vastly improves throughput with web servers such as [`hypercorn`](https://pgjones.gitlab.io/hypercorn/) and [`uvicorn`](https://www.uvicorn.org/).
+This allows the web server to process other traffic during ReactPy rendering. Vastly improves throughput with web servers such as [`hypercorn`](https://pgjones.gitlab.io/hypercorn/) and [`uvicorn`](https://www.uvicorn.org/).
+
+This setting is incompatible with [`daphne`](https://github.com/django/daphne).
 
 ---
 
diff --git a/docs/src/reference/utils.md b/docs/src/reference/utils.md
index d9b36462..d9ca6409 100644
--- a/docs/src/reference/utils.md
+++ b/docs/src/reference/utils.md
@@ -8,22 +8,16 @@ Utility functions provide various miscellaneous functionality. These are typical
 
 ---
 
-## Django Query Postprocessor
+## Register Iframe
 
-This is the default postprocessor for the `#!python use_query` hook.
+This function is used register a view as an `#!python iframe` with ReactPy.
 
-This postprocessor is designed to avoid Django's `#!python SynchronousOnlyException` by recursively fetching all fields within a `#!python Model` or `#!python QuerySet` to prevent [lazy execution](https://docs.djangoproject.com/en/dev/topics/db/queries/#querysets-are-lazy).
-
-=== "components.py"
-
-    ```python
-    {% include "../../python/django-query-postprocessor.py" %}
-    ```
+It is mandatory to use this function alongside [`view_to_iframe`](../reference/components.md#view-to-iframe).
 
-=== "models.py"
+=== "apps.py"
 
     ```python
-    {% include "../../python/example/models.py" %}
+    {% include "../../python/hello_world_app_config_fbv.py" %}
     ```
 
 ??? example "See Interface"
@@ -32,15 +26,17 @@ This postprocessor is designed to avoid Django's `#!python SynchronousOnlyExcept
 
     | Name | Type | Description | Default |
     | --- | --- | --- | --- |
-    | `#!python data` | `#!python QuerySet | Model` | The `#!python Model` or `#!python QuerySet` to recursively fetch fields from. | N/A |
-    | `#!python many_to_many` | `#!python bool` | Whether or not to recursively fetch `#!python ManyToManyField` relationships. | `#!python True` |
-    | `#!python many_to_one` | `#!python bool` | Whether or not to recursively fetch `#!python ForeignKey` relationships. | `#!python True` |
+    | `#!python view` | `#!python Callable | View | str` | The view to register. Can be a function or class based view, or a dotted path to a view. | N/A |
 
     <font size="4">**Returns**</font>
 
-    | Type | Description |
-    | --- | --- |
-    | `#!python QuerySet | Model` | The `#!python Model` or `#!python QuerySet` with all fields fetched. |
+    `#!python None`
+
+??? warning "Only use this within `#!python MyAppConfig.ready()`"
+
+    You should always call `#!python register_iframe` within a Django [`MyAppConfig.ready()` method](https://docs.djangoproject.com/en/dev/ref/applications/#django.apps.AppConfig.ready). This ensures you will retain multiprocessing compatibility, such as with ASGI web server workers.
+
+---
 
 ## Register Component
 
@@ -52,9 +48,21 @@ This function is used manually register a root component with ReactPy.
     {% include "../../python/register-component.py" %}
     ```
 
+??? example "See Interface"
+
+    <font size="4">**Parameters**</font>
+
+    | Name | Type | Description | Default |
+    | --- | --- | --- | --- |
+    | `#!python component` | `#!python ComponentConstructor | str` | The component to register. Can be a component function or dotted path to a component. | N/A |
+
+    <font size="4">**Returns**</font>
+
+    `#!python None`
+
 ??? warning "Only use this within `#!python MyAppConfig.ready()`"
 
-    You should always call `#!python register_component` within a Django [`#!python MyAppConfig.ready()` method](https://docs.djangoproject.com/en/dev/ref/applications/#django.apps.AppConfig.ready). This ensures you will retain multiprocessing compatibility, such as with ASGI web server workers.
+    You should always call `#!python register_component` within a Django [`MyAppConfig.ready()` method](https://docs.djangoproject.com/en/dev/ref/applications/#django.apps.AppConfig.ready). This ensures you will retain multiprocessing compatibility, such as with ASGI web server workers.
 
 ??? question "Do I need to use this?"
 
@@ -63,3 +71,39 @@ This function is used manually register a root component with ReactPy.
     For security reasons, ReactPy requires all root components to be registered. However, all components contained within Django templates are automatically registered.
 
     This function is needed when you have configured your [`host`](../reference/template-tag.md#component) to a dedicated Django rendering application that doesn't have templates.
+
+---
+
+## Django Query Postprocessor
+
+This is the default postprocessor for the `#!python use_query` hook.
+
+This postprocessor is designed to avoid Django's `#!python SynchronousOnlyException` by recursively fetching all fields within a `#!python Model` or `#!python QuerySet` to prevent [lazy execution](https://docs.djangoproject.com/en/dev/topics/db/queries/#querysets-are-lazy).
+
+=== "components.py"
+
+    ```python
+    {% include "../../python/django-query-postprocessor.py" %}
+    ```
+
+=== "models.py"
+
+    ```python
+    {% include "../../python/example/models.py" %}
+    ```
+
+??? example "See Interface"
+
+    <font size="4">**Parameters**</font>
+
+    | Name | Type | Description | Default |
+    | --- | --- | --- | --- |
+    | `#!python data` | `#!python QuerySet | Model` | The `#!python Model` or `#!python QuerySet` to recursively fetch fields from. | N/A |
+    | `#!python many_to_many` | `#!python bool` | Whether or not to recursively fetch `#!python ManyToManyField` relationships. | `#!python True` |
+    | `#!python many_to_one` | `#!python bool` | Whether or not to recursively fetch `#!python ForeignKey` relationships. | `#!python True` |
+
+    <font size="4">**Returns**</font>
+
+    | Type | Description |
+    | --- | --- |
+    | `#!python QuerySet | Model` | The `#!python Model` or `#!python QuerySet` with all fields fetched. |
diff --git a/mkdocs.yml b/mkdocs.yml
index 35bb6bb0..5c308d00 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -74,7 +74,6 @@ markdown_extensions:
 plugins:
     - search
     - include-markdown
-    - section-index
     - git-authors
     - minify:
           minify_html: true
@@ -87,6 +86,7 @@ plugins:
           known_words: dictionary.txt
           allow_unicode: no
           ignore_code: yes
+    # - section-index
 
 extra:
     generator: false
diff --git a/src/reactpy_django/checks.py b/src/reactpy_django/checks.py
index 489888eb..02f3147a 100644
--- a/src/reactpy_django/checks.py
+++ b/src/reactpy_django/checks.py
@@ -39,7 +39,7 @@ def reactpy_warnings(app_configs, **kwargs):
     # ReactPy URLs exist
     try:
         reverse("reactpy:web_modules", kwargs={"file": "example"})
-        reverse("reactpy:view_to_component", kwargs={"view_path": "example"})
+        reverse("reactpy:view_to_iframe", kwargs={"dotted_path": "example"})
     except Exception:
         warnings.append(
             Warning(
diff --git a/src/reactpy_django/components.py b/src/reactpy_django/components.py
index 6884276b..ab02e996 100644
--- a/src/reactpy_django/components.py
+++ b/src/reactpy_django/components.py
@@ -2,7 +2,9 @@
 
 import json
 import os
-from typing import Any, Callable, Protocol, Sequence, Union, cast, overload
+from typing import Any, Callable, Sequence, Union, cast, overload
+from urllib.parse import urlencode
+from warnings import warn
 
 from django.contrib.staticfiles.finders import find
 from django.core.cache import caches
@@ -10,81 +12,10 @@
 from django.urls import reverse
 from django.views import View
 from reactpy import component, hooks, html, utils
-from reactpy.types import ComponentType, Key, VdomDict
+from reactpy.types import Key, VdomDict
 
-from reactpy_django.types import ViewComponentIframe
-from reactpy_django.utils import generate_obj_name, render_view
-
-
-class _ViewComponentConstructor(Protocol):
-    def __call__(
-        self, request: HttpRequest | None = None, *args: Any, **kwargs: Any
-    ) -> ComponentType:
-        ...
-
-
-@component
-def _view_to_component(
-    view: Callable | View,
-    compatibility: bool,
-    transforms: Sequence[Callable[[VdomDict], Any]],
-    strict_parsing: bool,
-    request: HttpRequest | None,
-    args: Sequence | None,
-    kwargs: dict | None,
-):
-    from reactpy_django.config import REACTPY_VIEW_COMPONENT_IFRAMES
-
-    converted_view, set_converted_view = hooks.use_state(
-        cast(Union[VdomDict, None], None)
-    )
-    _args: Sequence = args or ()
-    _kwargs: dict = kwargs or {}
-    if request:
-        _request: HttpRequest = request
-    else:
-        _request = HttpRequest()
-        _request.method = "GET"
-
-    # Render the view render within a hook
-    @hooks.use_effect(
-        dependencies=[
-            json.dumps(vars(_request), default=lambda x: generate_obj_name(x)),
-            json.dumps([_args, _kwargs], default=lambda x: generate_obj_name(x)),
-        ]
-    )
-    async def async_render():
-        """Render the view in an async hook to avoid blocking the main thread."""
-        # Compatibility mode doesn't require a traditional render
-        if compatibility:
-            return
-
-        # Render the view
-        response = await render_view(view, _request, _args, _kwargs)
-        set_converted_view(
-            utils.html_to_vdom(
-                response.content.decode("utf-8").strip(),
-                utils.del_html_head_body_transform,
-                *transforms,
-                strict=strict_parsing,
-            )
-        )
-
-    # Render in compatibility mode, if needed
-    if compatibility:
-        dotted_path = f"{view.__module__}.{view.__name__}".replace("<", "").replace(">", "")  # type: ignore
-        REACTPY_VIEW_COMPONENT_IFRAMES[dotted_path] = ViewComponentIframe(
-            view, _args, _kwargs
-        )
-        return html.iframe(
-            {
-                "src": reverse("reactpy:view_to_component", args=[dotted_path]),
-                "loading": "lazy",
-            }
-        )
-
-    # Return the view if it's been rendered via the `async_render` hook
-    return converted_view
+from reactpy_django.exceptions import ViewNotRegisteredError
+from reactpy_django.utils import generate_obj_name, import_module, render_view
 
 
 # Type hints for:
@@ -92,11 +23,11 @@ async def async_render():
 #   2. @view_to_component
 @overload
 def view_to_component(
-    view: Callable | View,
+    view: Callable | View | str,
     compatibility: bool = False,
     transforms: Sequence[Callable[[VdomDict], Any]] = (),
     strict_parsing: bool = True,
-) -> _ViewComponentConstructor:
+) -> Any:
     ...
 
 
@@ -108,44 +39,39 @@ def view_to_component(
     compatibility: bool = False,
     transforms: Sequence[Callable[[VdomDict], Any]] = (),
     strict_parsing: bool = True,
-) -> Callable[[Callable], _ViewComponentConstructor]:
+) -> Callable[[Callable], Any]:
     ...
 
 
-# TODO: Might want to intercept href clicks and form submit events.
-# Form events will probably be accomplished through the upcoming DjangoForm.
 def view_to_component(
-    view: Callable | View | None = None,
+    view: Callable | View | str | None = None,
     compatibility: bool = False,
     transforms: Sequence[Callable[[VdomDict], Any]] = (),
     strict_parsing: bool = True,
-) -> _ViewComponentConstructor | Callable[[Callable], _ViewComponentConstructor]:
+) -> Any | Callable[[Callable], Any]:
     """Converts a Django view to a ReactPy component.
 
     Keyword Args:
-        view: The view function or class to convert.
-        compatibility: If True, the component will be rendered in an iframe. \
-            When using compatibility mode `tranforms`, `strict_parsing`, `request`, \
-            `args, and `kwargs` arguments will be ignored.
+        view: The view to convert, or the view's dotted path as a string.
+        compatibility: **DEPRECATED.** Use `view_to_iframe` instead.
         transforms: A list of functions that transforms the newly generated VDOM. \
             The functions will be called on each VDOM node.
         strict_parsing: If True, an exception will be generated if the HTML does not \
             perfectly adhere to HTML5.
 
     Returns:
-        A function that takes `request: HttpRequest | None, *args: Any, key: Key | None, **kwargs: Any` \
-            and returns a ReactPy component.
+        A function that takes `request, *args, key, **kwargs` and returns a ReactPy component.
     """
 
-    def decorator(view: Callable | View):
+    def decorator(view: Callable | View | str):
         if not view:
             raise ValueError("A view must be provided to `view_to_component`")
 
-        def wrapper(
+        def constructor(
             request: HttpRequest | None = None,
-            *args: Any,
+            *args,
             key: Key | None = None,
-            **kwargs: Any,
+            **kwargs,
         ):
             return _view_to_component(
                 view=view,
@@ -158,14 +84,42 @@ def wrapper(
                 key=key,
             )
 
-        return wrapper
+        return constructor
+
+    if not view:
+        warn(
+            "Using `view_to_component` as a decorator is deprecated. "
+            "This functionality will be removed in a future version.",
+            DeprecationWarning,
+        )
 
     return decorator(view) if view else decorator
 
 
-@component
-def _django_css(static_path: str):
-    return html.style(_cached_static_contents(static_path))
+def view_to_iframe(
+    view: Callable | View | str, extra_props: dict[str, Any] | None = None
+):
+    """
+    Args:
+        view: The view function or class to convert, or the dotted path to the view.
+
+    Keyword Args:
+        extra_props: Additional properties to add to the `iframe` element.
+
+    Returns:
+        A function that takes `*args, key, **kwargs` and returns a ReactPy component.
+    """
+
+    def constructor(
+        *args,
+        key: Key | None = None,
+        **kwargs,
+    ):
+        return _view_to_iframe(
+            view=view, extra_props=extra_props, args=args, kwargs=kwargs, key=key
+        )
+
+    return constructor
 
 
 def django_css(static_path: str, key: Key | None = None):
@@ -181,11 +135,6 @@ def django_css(static_path: str, key: Key | None = None):
     return _django_css(static_path=static_path, key=key)
 
 
-@component
-def _django_js(static_path: str):
-    return html.script(_cached_static_contents(static_path))
-
-
 def django_js(static_path: str, key: Key | None = None):
     """Fetches a JS static file for use within ReactPy. This allows for deferred JS loading.
 
@@ -199,6 +148,117 @@ def django_js(static_path: str, key: Key | None = None):
     return _django_js(static_path=static_path, key=key)
 
 
+@component
+def _view_to_component(
+    view: Callable | View | str,
+    compatibility: bool,
+    transforms: Sequence[Callable[[VdomDict], Any]],
+    strict_parsing: bool,
+    request: HttpRequest | None,
+    args: Sequence | None,
+    kwargs: dict | None,
+):
+    """The actual component. Used to prevent pollution of acceptable kwargs keys."""
+    converted_view, set_converted_view = hooks.use_state(
+        cast(Union[VdomDict, None], None)
+    )
+    _args: Sequence = args or ()
+    _kwargs: dict = kwargs or {}
+    if request:
+        _request: HttpRequest = request
+    else:
+        _request = HttpRequest()
+        _request.method = "GET"
+    resolved_view: Callable = import_module(view) if isinstance(view, str) else view  # type: ignore[assignment]
+
+    # Render the view render within a hook
+    @hooks.use_effect(
+        dependencies=[
+            json.dumps(vars(_request), default=lambda x: generate_obj_name(x)),
+            json.dumps([_args, _kwargs], default=lambda x: generate_obj_name(x)),
+        ]
+    )
+    async def async_render():
+        """Render the view in an async hook to avoid blocking the main thread."""
+        # Compatibility mode doesn't require a traditional render
+        if compatibility:
+            return
+
+        # Render the view
+        response = await render_view(resolved_view, _request, _args, _kwargs)
+        set_converted_view(
+            utils.html_to_vdom(
+                response.content.decode("utf-8").strip(),
+                utils.del_html_head_body_transform,
+                *transforms,
+                strict=strict_parsing,
+            )
+        )
+
+    # Render in compatibility mode, if needed
+    if compatibility:
+        # Warn the user that compatibility mode is deprecated
+        warn(
+            "view_to_component(compatibility=True) is deprecated and will be removed in a future version. "
+            "Please use `view_to_iframe` instead.",
+            DeprecationWarning,
+        )
+
+        return view_to_iframe(resolved_view)(*_args, **_kwargs)
+
+    # Return the view if it's been rendered via the `async_render` hook
+    return converted_view
+
+
+@component
+def _view_to_iframe(
+    view: Callable | View | str,
+    extra_props: dict[str, Any] | None,
+    args: Sequence,
+    kwargs: dict,
+) -> VdomDict:
+    """The actual component. Used to prevent pollution of acceptable kwargs keys."""
+    from reactpy_django.config import REACTPY_REGISTERED_IFRAME_VIEWS
+
+    if hasattr(view, "view_class"):
+        view = view.view_class
+    dotted_path = view if isinstance(view, str) else generate_obj_name(view)
+    registered_view = REACTPY_REGISTERED_IFRAME_VIEWS.get(dotted_path)
+
+    if not registered_view:
+        raise ViewNotRegisteredError(
+            f"'{dotted_path}' has not been registered as an iframe! "
+            "Are you sure you called `register_iframe` within a Django `AppConfig.ready` method?"
+        )
+
+    query = kwargs.copy()
+    if args:
+        query["_args"] = args
+    query_string = f"?{urlencode(query, doseq=True)}" if args or kwargs else ""
+    extra_props = extra_props or {}
+    extra_props.pop("src", None)
+
+    return html.iframe(
+        {
+            "src": reverse("reactpy:view_to_iframe", args=[dotted_path]) + query_string,
+            "style": {"border": "none"},
+            "onload": 'javascript:(function(o){o.style.height=o.contentWindow.document.body.scrollHeight+"px";}(this));',
+            "loading": "lazy",
+        }
+        | extra_props
+    )
+
+
+@component
+def _django_css(static_path: str):
+    return html.style(_cached_static_contents(static_path))
+
+
+@component
+def _django_js(static_path: str):
+    return html.script(_cached_static_contents(static_path))
+
+
 def _cached_static_contents(static_path: str):
     from reactpy_django.config import REACTPY_CACHE
 
diff --git a/src/reactpy_django/config.py b/src/reactpy_django/config.py
index 56011c83..e316e210 100644
--- a/src/reactpy_django/config.py
+++ b/src/reactpy_django/config.py
@@ -1,17 +1,18 @@
 from __future__ import annotations
 
 from itertools import cycle
+from typing import Callable
 
 from django.conf import settings
 from django.core.cache import DEFAULT_CACHE_ALIAS
 from django.db import DEFAULT_DB_ALIAS
+from django.views import View
 from reactpy.config import REACTPY_DEBUG_MODE
 from reactpy.core.types import ComponentConstructor
 
 from reactpy_django.types import (
     AsyncPostprocessor,
     SyncPostprocessor,
-    ViewComponentIframe,
 )
 from reactpy_django.utils import import_dotted_path
 
@@ -19,7 +20,7 @@
 REACTPY_DEBUG_MODE.set_current(getattr(settings, "DEBUG"))
 REACTPY_REGISTERED_COMPONENTS: dict[str, ComponentConstructor] = {}
 REACTPY_FAILED_COMPONENTS: set[str] = set()
-REACTPY_VIEW_COMPONENT_IFRAMES: dict[str, ViewComponentIframe] = {}
+REACTPY_REGISTERED_IFRAME_VIEWS: dict[str, Callable | View] = {}
 
 
 # Remove in a future release
diff --git a/src/reactpy_django/exceptions.py b/src/reactpy_django/exceptions.py
index 49c6fef3..116f2274 100644
--- a/src/reactpy_django/exceptions.py
+++ b/src/reactpy_django/exceptions.py
@@ -12,3 +12,11 @@ class InvalidHostError(ValueError):
 
 class ComponentCarrierError(ValueError):
     ...
+
+
+class ViewNotRegisteredError(AttributeError):
+    ...
+
+
+class ViewDoesNotExistError(AttributeError):
+    ...
diff --git a/src/reactpy_django/http/urls.py b/src/reactpy_django/http/urls.py
index 05bac8e5..23bf4a7e 100644
--- a/src/reactpy_django/http/urls.py
+++ b/src/reactpy_django/http/urls.py
@@ -11,8 +11,8 @@
         name="web_modules",
     ),
     path(
-        "iframe/<str:view_path>",
-        views.view_to_component_iframe,  # type: ignore[arg-type]
-        name="view_to_component",
+        "iframe/<str:dotted_path>",
+        views.view_to_iframe,  # type: ignore[arg-type]
+        name="view_to_iframe",
     ),
 ]
diff --git a/src/reactpy_django/http/views.py b/src/reactpy_django/http/views.py
index 12129791..983c8361 100644
--- a/src/reactpy_django/http/views.py
+++ b/src/reactpy_django/http/views.py
@@ -1,4 +1,5 @@
 import os
+from urllib.parse import parse_qs
 
 from aiofile import async_open
 from django.core.cache import caches
@@ -39,20 +40,22 @@ async def web_modules_file(request: HttpRequest, file: str) -> HttpResponse:
     return HttpResponse(file_contents, content_type="text/javascript")
 
 
-async def view_to_component_iframe(
-    request: HttpRequest, view_path: str
-) -> HttpResponse:
-    """Returns a view that was registered by view_to_component.
-    This view is intended to be used as iframe, for compatibility purposes."""
-    from reactpy_django.config import REACTPY_VIEW_COMPONENT_IFRAMES
+async def view_to_iframe(request: HttpRequest, dotted_path: str) -> HttpResponse:
+    """Returns a view that was registered by reactpy_django.components.view_to_iframe."""
+    from reactpy_django.config import REACTPY_REGISTERED_IFRAME_VIEWS
 
-    # Get the view from REACTPY_REGISTERED_IFRAMES
-    iframe = REACTPY_VIEW_COMPONENT_IFRAMES.get(view_path)
-    if not iframe:
+    # Get the view
+    registered_view = REACTPY_REGISTERED_IFRAME_VIEWS.get(dotted_path)
+    if not registered_view:
         return HttpResponseNotFound()
 
+    # Get args and kwargs from the request
+    query = request.META.get("QUERY_STRING", "")
+    kwargs = {k: v if len(v) > 1 else v[0] for k, v in parse_qs(query).items()}
+    args = kwargs.pop("_args", [])
+
     # Render the view
-    response = await render_view(iframe.view, request, iframe.args, iframe.kwargs)
+    response = await render_view(registered_view, request, args, kwargs)
 
     # Ensure page can be rendered as an iframe
     response["X-Frame-Options"] = "SAMEORIGIN"
diff --git a/src/reactpy_django/templates/reactpy/component.html b/src/reactpy_django/templates/reactpy/component.html
index 1a6b4669..052dc517 100644
--- a/src/reactpy_django/templates/reactpy/component.html
+++ b/src/reactpy_django/templates/reactpy/component.html
@@ -1,7 +1,7 @@
 {% load static %}
 
 {% if reactpy_failure and reactpy_debug_mode %}
-<b>{% firstof reactpy_error "UnknownError" %}:</b> "{% firstof reactpy_dotted_path "UnknownPath" %}"
+<pre>{% firstof reactpy_error "UnknownError" %}: "{% firstof reactpy_dotted_path "UnknownPath" %}"</pre>
 {% endif %}
 
 {% if not reactpy_failure %}
diff --git a/src/reactpy_django/types.py b/src/reactpy_django/types.py
index 3c77a1eb..0fc32544 100644
--- a/src/reactpy_django/types.py
+++ b/src/reactpy_django/types.py
@@ -17,7 +17,6 @@
 from django.db.models.base import Model
 from django.db.models.query import QuerySet
 from django.http import HttpRequest
-from django.views.generic import View
 from reactpy.types import Connection as _Connection
 from typing_extensions import ParamSpec
 
@@ -29,7 +28,6 @@
     "Query",
     "Mutation",
     "Connection",
-    "ViewComponentIframe",
     "AsyncPostprocessor",
     "SyncPostprocessor",
     "QueryOptions",
@@ -74,13 +72,6 @@ class Mutation(Generic[_Params]):
     reset: Callable[[], None]
 
 
-@dataclass
-class ViewComponentIframe:
-    view: View | Callable
-    args: Sequence
-    kwargs: dict
-
-
 class AsyncPostprocessor(Protocol):
     async def __call__(self, data: Any) -> Any:
         ...
diff --git a/src/reactpy_django/utils.py b/src/reactpy_django/utils.py
index e06df1ce..922ce22a 100644
--- a/src/reactpy_django/utils.py
+++ b/src/reactpy_django/utils.py
@@ -5,10 +5,10 @@
 import logging
 import os
 import re
+from asyncio import iscoroutinefunction
 from datetime import timedelta
 from fnmatch import fnmatch
 from importlib import import_module
-from inspect import iscoroutinefunction
 from typing import Any, Callable, Sequence
 
 from asgiref.sync import async_to_sync
@@ -24,7 +24,11 @@
 from reactpy.core.layout import Layout
 from reactpy.types import ComponentConstructor
 
-from reactpy_django.exceptions import ComponentDoesNotExistError, ComponentParamError
+from reactpy_django.exceptions import (
+    ComponentDoesNotExistError,
+    ComponentParamError,
+    ViewDoesNotExistError,
+)
 
 _logger = logging.getLogger(__name__)
 _component_tag = r"(?P<tag>component)"
@@ -50,51 +54,40 @@ async def render_view(
     kwargs: dict,
 ) -> HttpResponse:
     """Ingests a Django view (class or function) and returns an HTTP response object."""
-    # Render Check 1: Async function view
-    if iscoroutinefunction(view) and callable(view):
+    # Convert class-based view to function-based view
+    if getattr(view, "as_view", None):
+        view = view.as_view()  # type: ignore[union-attr]
+
+    # Async function view
+    if iscoroutinefunction(view):
         response = await view(request, *args, **kwargs)
 
-    # Render Check 2: Async class view
-    elif getattr(view, "view_is_async", False):
-        # django-stubs does not support async views yet, so we have to ignore types here
-        view_or_template_view = await view.as_view()(request, *args, **kwargs)  # type: ignore
-        if getattr(view_or_template_view, "render", None):  # TemplateView
-            response = await view_or_template_view.render()
-        else:  # View
-            response = view_or_template_view
-
-    # Render Check 3: Sync class view
-    elif getattr(view, "as_view", None):
-        # MyPy does not know how to properly interpret this as a `View` type
-        # And `isinstance(view, View)` does not work due to some weird Django internal shenanigans
-        async_cbv = database_sync_to_async(view.as_view(), thread_sensitive=False)  # type: ignore
-        view_or_template_view = await async_cbv(request, *args, **kwargs)
-        if getattr(view_or_template_view, "render", None):  # TemplateView
-            response = await database_sync_to_async(
-                view_or_template_view.render, thread_sensitive=False
-            )()
-        else:  # View
-            response = view_or_template_view
-
-    # Render Check 4: Sync function view
+    # Sync function view
     else:
-        response = await database_sync_to_async(view, thread_sensitive=False)(
-            request, *args, **kwargs
-        )
+        response = await database_sync_to_async(view)(request, *args, **kwargs)
+
+    # TemplateView
+    if getattr(response, "render", None):
+        response = await database_sync_to_async(response.render)()
 
     return response
 
 
-def register_component(dotted_path: str) -> ComponentConstructor:
-    """Adds a component to the list of known registered components."""
+def register_component(component: ComponentConstructor | str):
+    """Adds a component to the list of known registered components.
+
+    Args:
+        component: The component to register. Can be a component function or dotted path to a component.
+
+    """
     from reactpy_django.config import (
         REACTPY_FAILED_COMPONENTS,
         REACTPY_REGISTERED_COMPONENTS,
     )
 
-    if dotted_path in REACTPY_REGISTERED_COMPONENTS:
-        return REACTPY_REGISTERED_COMPONENTS[dotted_path]
-
+    dotted_path = (
+        component if isinstance(component, str) else generate_obj_name(component)
+    )
     try:
         REACTPY_REGISTERED_COMPONENTS[dotted_path] = import_dotted_path(dotted_path)
     except AttributeError as e:
@@ -102,7 +95,25 @@ def register_component(dotted_path: str) -> ComponentConstructor:
         raise ComponentDoesNotExistError(
             f"Error while fetching '{dotted_path}'. {(str(e).capitalize())}."
         ) from e
-    return REACTPY_REGISTERED_COMPONENTS[dotted_path]
+
+
+def register_iframe(view: Callable | View | str):
+    """Registers a view to be used as an iframe component.
+
+    Args:
+        view: The view to register. Can be a function or class based view, or a dotted path to a view.
+    """
+    from reactpy_django.config import REACTPY_REGISTERED_IFRAME_VIEWS
+
+    if hasattr(view, "view_class"):
+        view = view.view_class
+    dotted_path = view if isinstance(view, str) else generate_obj_name(view)
+    try:
+        REACTPY_REGISTERED_IFRAME_VIEWS[dotted_path] = import_dotted_path(dotted_path)
+    except AttributeError as e:
+        raise ViewDoesNotExistError(
+            f"Error while fetching '{dotted_path}'. {(str(e).capitalize())}."
+        ) from e
 
 
 def import_dotted_path(dotted_path: str) -> Callable:
@@ -222,17 +233,22 @@ def register_components(self, components: set[str]) -> None:
                 )
 
 
-def generate_obj_name(object: Any) -> str:
+def generate_obj_name(obj: Any) -> str:
     """Makes a best effort to create a name for an object.
     Useful for JSON serialization of Python objects."""
-    if hasattr(object, "__module__"):
-        if hasattr(object, "__name__"):
-            return f"{object.__module__}.{object.__name__}"
-        if hasattr(object, "__class__"):
-            return f"{object.__module__}.{object.__class__.__name__}"
 
+    # First attempt: Dunder methods
+    if hasattr(obj, "__module__"):
+        if hasattr(obj, "__name__"):
+            return f"{obj.__module__}.{obj.__name__}"
+        if hasattr(obj, "__class__") and hasattr(obj.__class__, "__name__"):
+            return f"{obj.__module__}.{obj.__class__.__name__}"
+
+    # Second attempt: String representation
     with contextlib.suppress(Exception):
-        return str(object)
+        return str(obj)
+
+    # Fallback: Empty string
     return ""
 
 
diff --git a/src/reactpy_django/websocket/consumer.py b/src/reactpy_django/websocket/consumer.py
index c6a47c27..50b4b583 100644
--- a/src/reactpy_django/websocket/consumer.py
+++ b/src/reactpy_django/websocket/consumer.py
@@ -101,9 +101,7 @@ async def disconnect(self, code: int) -> None:
         if self.component_session:
             # Clean up expired component sessions
             try:
-                await database_sync_to_async(
-                    delete_expired_sessions, thread_sensitive=False
-                )()
+                await database_sync_to_async(delete_expired_sessions)()
             except Exception:
                 await asyncio.to_thread(
                     _logger.exception,
diff --git a/tests/test_app/apps.py b/tests/test_app/apps.py
new file mode 100644
index 00000000..a9a87919
--- /dev/null
+++ b/tests/test_app/apps.py
@@ -0,0 +1,16 @@
+from django.apps import AppConfig
+from reactpy_django.utils import register_iframe
+
+from test_app import views
+
+
+class TestAppConfig(AppConfig):
+    name = "test_app"
+
+    def ready(self):
+        register_iframe("test_app.views.view_to_component_sync_func_compatibility")
+        register_iframe(views.view_to_component_async_func_compatibility)
+        register_iframe(views.ViewToComponentSyncClassCompatibility)
+        register_iframe(views.ViewToComponentAsyncClassCompatibility)
+        register_iframe(views.ViewToComponentTemplateViewClassCompatibility)
+        register_iframe(views.view_to_iframe_args)
diff --git a/tests/test_app/components.py b/tests/test_app/components.py
index ec53c031..f7569307 100644
--- a/tests/test_app/components.py
+++ b/tests/test_app/components.py
@@ -7,7 +7,7 @@
 from django.http import HttpRequest
 from django.shortcuts import render
 from reactpy import component, hooks, html, web
-from reactpy_django.components import view_to_component
+from reactpy_django.components import view_to_component, view_to_iframe
 from reactpy_django.types import QueryOptions
 
 from test_app.models import (
@@ -448,10 +448,14 @@ async def on_change(event):
 
 view_to_component_sync_func = view_to_component(views.view_to_component_sync_func)
 view_to_component_async_func = view_to_component(views.view_to_component_async_func)
-view_to_component_sync_class = view_to_component(views.ViewToComponentSyncClass)
-view_to_component_async_class = view_to_component(views.ViewToComponentAsyncClass)
+view_to_component_sync_class = view_to_component(
+    views.ViewToComponentSyncClass.as_view()
+)
+view_to_component_async_class = view_to_component(
+    views.ViewToComponentAsyncClass.as_view()
+)
 view_to_component_template_view_class = view_to_component(
-    views.ViewToComponentTemplateViewClass
+    views.ViewToComponentTemplateViewClass.as_view()
 )
 _view_to_component_sync_func_compatibility = view_to_component(
     views.view_to_component_sync_func_compatibility, compatibility=True
@@ -460,14 +464,16 @@ async def on_change(event):
     views.view_to_component_async_func_compatibility, compatibility=True
 )
 _view_to_component_sync_class_compatibility = view_to_component(
-    views.ViewToComponentSyncClassCompatibility, compatibility=True
+    views.ViewToComponentSyncClassCompatibility.as_view(), compatibility=True
 )
 _view_to_component_async_class_compatibility = view_to_component(
-    views.ViewToComponentAsyncClassCompatibility, compatibility=True
+    views.ViewToComponentAsyncClassCompatibility.as_view(), compatibility=True
 )
 _view_to_component_template_view_class_compatibility = view_to_component(
-    views.ViewToComponentTemplateViewClassCompatibility, compatibility=True
+    views.ViewToComponentTemplateViewClassCompatibility.as_view(), compatibility=True
 )
+_view_to_iframe_args = view_to_iframe(views.view_to_iframe_args)
+_view_to_iframe_not_registered = view_to_iframe("view_does_not_exist")
 view_to_component_script = view_to_component(views.view_to_component_script)
 _view_to_component_request = view_to_component(views.view_to_component_request)
 _view_to_component_args = view_to_component(views.view_to_component_args)
@@ -514,6 +520,22 @@ def view_to_component_template_view_class_compatibility():
     )
 
 
+@component
+def view_to_iframe_args():
+    return html.div(
+        {"id": inspect.currentframe().f_code.co_name},  # type: ignore
+        _view_to_iframe_args("Arg1", "Arg2", kwarg1="Kwarg1", kwarg2="Kwarg2"),
+    )
+
+
+@component
+def view_to_iframe_not_registered():
+    return html.div(
+        {"id": inspect.currentframe().f_code.co_name},  # type: ignore
+        _view_to_iframe_not_registered(),
+    )
+
+
 @component
 def view_to_component_request():
     request, set_request = hooks.use_state(None)
diff --git a/tests/test_app/templates/base.html b/tests/test_app/templates/base.html
index 03dd3ba3..a10e2b33 100644
--- a/tests/test_app/templates/base.html
+++ b/tests/test_app/templates/base.html
@@ -71,6 +71,10 @@ <h1>ReactPy Test Page</h1>
   <hr>
   {% component "test_app.components.view_to_component_kwargs" %}
   <hr>
+  {% component "test_app.components.view_to_component_decorator" %}
+  <hr>
+  {% component "test_app.components.view_to_component_decorator_args" %}
+  <hr>
   {% component "test_app.components.view_to_component_sync_func_compatibility" %}
   <hr>
   {% component "test_app.components.view_to_component_async_func_compatibility" %}
@@ -81,18 +85,7 @@ <h1>ReactPy Test Page</h1>
   <hr>
   {% component "test_app.components.view_to_component_template_view_class_compatibility" %}
   <hr>
-  {% component "test_app.components.view_to_component_decorator" %}
-  <hr>
-  {% component "test_app.components.view_to_component_decorator_args" %}
-  <hr>
-  <div id="component_does_not_exist_error">{% component "test_app.components.does_not_exist" %}</div>
-  <hr>
-  <div id="component_param_error">{% component "test_app.components.hello_world" invalid_param="random_value" %}</div>
-  <hr>
-  <div id="invalid_host_error">{% component "test_app.components.hello_world" host="https://example.com/" %}</div>
-  <hr>
-  <div id="broken_postprocessor_query">
-    {% component "test_app.components.broken_postprocessor_query" %}</div>
+  {% component "test_app.components.view_to_iframe_args" %}
   <hr>
 </body>
 
diff --git a/tests/test_app/templates/errors.html b/tests/test_app/templates/errors.html
new file mode 100644
index 00000000..0f6db8db
--- /dev/null
+++ b/tests/test_app/templates/errors.html
@@ -0,0 +1,31 @@
+{% load static %} {% load reactpy %}
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="shortcut icon" type="image/png" href="{% static 'favicon.ico' %}" />
+    <title>ReactPy</title>
+</head>
+
+<body>
+    <h1>ReactPy Errors Test Page</h1>
+    <hr>
+    <div id="component_does_not_exist_error">{% component "test_app.components.does_not_exist" %}</div>
+    <hr>
+    <div id="component_param_error">{% component "test_app.components.hello_world" invalid_param="random_value" %}</div>
+    <hr>
+    <div id="invalid_host_error">{% component "test_app.components.hello_world" host="https://example.com/" %}</div>
+    <hr>
+    <div id="broken_postprocessor_query">
+        {% component "test_app.components.broken_postprocessor_query" %}
+    </div>
+    <hr>
+    <div id="view_to_iframe_not_registered">
+        {% component "test_app.components.view_to_iframe_not_registered" %}
+    </div>
+</body>
+
+</html>
diff --git a/tests/test_app/tests/test_components.py b/tests/test_app/tests/test_components.py
index 36f3f164..a5db4159 100644
--- a/tests/test_app/tests/test_components.py
+++ b/tests/test_app/tests/test_components.py
@@ -264,6 +264,11 @@ def test_view_to_component_template_view_class_compatibility(self):
             "#ViewToComponentTemplateViewClassCompatibility[data-success=true]"
         ).wait_for()
 
+    def test_view_to_iframe_args(self):
+        self.page.frame_locator("#view_to_iframe_args > iframe").locator(
+            "#view_to_iframe_args[data-success=Success]"
+        ).wait_for()
+
     def test_view_to_component_decorator(self):
         self.page.locator("#view_to_component_decorator[data-success=true]").wait_for()
 
@@ -272,16 +277,6 @@ def test_view_to_component_decorator_args(self):
             "#view_to_component_decorator_args[data-success=true]"
         ).wait_for()
 
-    def test_component_does_not_exist_error(self):
-        broken_component = self.page.locator("#component_does_not_exist_error")
-        broken_component.wait_for()
-        self.assertIn("ComponentDoesNotExistError:", broken_component.text_content())
-
-    def test_component_param_error(self):
-        broken_component = self.page.locator("#component_param_error")
-        broken_component.wait_for()
-        self.assertIn("ComponentParamError:", broken_component.text_content())
-
     def test_component_session_exists(self):
         """Session should exist for components with args/kwargs."""
         component = self.page.locator("#parametrized-component")
@@ -309,8 +304,8 @@ def test_component_session_missing(self):
     def test_custom_host(self):
         """Make sure that the component is rendered by a separate server."""
         new_page = self.browser.new_page()
+        new_page.goto(f"{self.live_server_url}/port/{self._port2}/")
         try:
-            new_page.goto(f"{self.live_server_url}/port/{self._port2}/")
             elem = new_page.locator(".custom_host-0")
             elem.wait_for()
             self.assertIn(
@@ -336,10 +331,8 @@ def test_custom_host_wrong_port(self):
     def test_host_roundrobin(self):
         """Verify if round-robin host selection is working."""
         new_page = self.browser.new_page()
+        new_page.goto(f"{self.live_server_url}/roundrobin/{self._port}/{self._port2}/8")
         try:
-            new_page.goto(
-                f"{self.live_server_url}/roundrobin/{self._port}/{self._port2}/8"
-            )
             elem0 = new_page.locator(".custom_host-0")
             elem1 = new_page.locator(".custom_host-1")
             elem2 = new_page.locator(".custom_host-2")
@@ -367,21 +360,11 @@ def test_host_roundrobin(self):
         finally:
             new_page.close()
 
-    def test_invalid_host_error(self):
-        broken_component = self.page.locator("#invalid_host_error")
-        broken_component.wait_for()
-        self.assertIn("InvalidHostError:", broken_component.text_content())
-
-    def test_broken_postprocessor_query(self):
-        broken_component = self.page.locator("#broken_postprocessor_query pre")
-        broken_component.wait_for()
-        self.assertIn("SynchronousOnlyOperation:", broken_component.text_content())
-
     def test_prerender(self):
         """Verify if round-robin host selection is working."""
         new_page = self.browser.new_page()
+        new_page.goto(f"{self.live_server_url}/prerender/")
         try:
-            new_page.goto(f"{self.live_server_url}/prerender/")
             string = new_page.locator("#prerender_string")
             vdom = new_page.locator("#prerender_vdom")
             component = new_page.locator("#prerender_component")
@@ -409,3 +392,36 @@ def test_prerender(self):
             )
         finally:
             new_page.close()
+
+    def test_component_errors(self):
+        new_page = self.browser.new_page()
+        new_page.goto(f"{self.live_server_url}/errors/")
+        try:
+            # ComponentDoesNotExistError
+            broken_component = new_page.locator("#component_does_not_exist_error")
+            broken_component.wait_for()
+            self.assertIn(
+                "ComponentDoesNotExistError:", broken_component.text_content()
+            )
+
+            # ComponentParamError
+            broken_component = new_page.locator("#component_param_error")
+            broken_component.wait_for()
+            self.assertIn("ComponentParamError:", broken_component.text_content())
+
+            # InvalidHostError
+            broken_component = new_page.locator("#invalid_host_error")
+            broken_component.wait_for()
+            self.assertIn("InvalidHostError:", broken_component.text_content())
+
+            # SynchronousOnlyOperation
+            broken_component = new_page.locator("#broken_postprocessor_query pre")
+            broken_component.wait_for()
+            self.assertIn("SynchronousOnlyOperation:", broken_component.text_content())
+
+            # ViewNotRegisteredError
+            broken_component = new_page.locator("#view_to_iframe_not_registered pre")
+            broken_component.wait_for()
+            self.assertIn("ViewNotRegisteredError:", broken_component.text_content())
+        finally:
+            new_page.close()
diff --git a/tests/test_app/urls.py b/tests/test_app/urls.py
index fea71309..1fc803cb 100644
--- a/tests/test_app/urls.py
+++ b/tests/test_app/urls.py
@@ -33,6 +33,7 @@ class AccessUser:
         "roundrobin/<int:port1>/<int:port2>/<int:count>/",
         views.host_port_roundrobin_template,
     ),
+    path("errors/", views.errors_template),
     path("", include("test_app.prerender.urls")),
     path("", include("test_app.performance.urls")),
     path("reactpy/", include("reactpy_django.http.urls")),
diff --git a/tests/test_app/views.py b/tests/test_app/views.py
index 689d8f8c..7af05f61 100644
--- a/tests/test_app/views.py
+++ b/tests/test_app/views.py
@@ -13,6 +13,10 @@ def base_template(request):
     return render(request, "base.html", {"my_object": TestObject(1)})
 
 
+def errors_template(request):
+    return render(request, "errors.html", {})
+
+
 def host_port_template(request: HttpRequest, port: int):
     host = request.get_host().replace(str(request.get_port()), str(port))
     return render(request, "host_port.html", {"new_host": host})
@@ -69,7 +73,7 @@ def get(self, request, *args, **kwargs):
 
 class ViewToComponentAsyncClass(View):
     async def get(self, request, *args, **kwargs):
-        return await database_sync_to_async(render, thread_sensitive=False)(
+        return await database_sync_to_async(render)(
             request,
             "view_to_component.html",
             {"test_name": self.__class__.__name__},
@@ -92,7 +96,7 @@ def view_to_component_sync_func_compatibility(request):
 
 
 async def view_to_component_async_func_compatibility(request):
-    return await database_sync_to_async(render, thread_sensitive=False)(
+    return await database_sync_to_async(render)(
         request,
         "view_to_component.html",
         {"test_name": inspect.currentframe().f_code.co_name},  # type:ignore
@@ -110,7 +114,7 @@ def get(self, request, *args, **kwargs):
 
 class ViewToComponentAsyncClassCompatibility(View):
     async def get(self, request, *args, **kwargs):
-        return await database_sync_to_async(render, thread_sensitive=False)(
+        return await database_sync_to_async(render)(
             request,
             "view_to_component.html",
             {"test_name": self.__class__.__name__},
@@ -124,6 +128,21 @@ def get_context_data(self, **kwargs):
         return {"test_name": self.__class__.__name__}
 
 
+def view_to_iframe_args(request, arg1, arg2, kwarg1=None, kwarg2=None):
+    success = (
+        arg1 == "Arg1" and arg2 == "Arg2" and kwarg1 == "Kwarg1" and kwarg2 == "Kwarg2"
+    )
+
+    return render(
+        request,
+        "view_to_component.html",
+        {
+            "test_name": inspect.currentframe().f_code.co_name,  # type:ignore
+            "status": "Success" if success else "false",
+        },
+    )
+
+
 def view_to_component_script(request):
     return render(
         request,
@@ -149,7 +168,6 @@ def view_to_component_request(request):
         {
             "test_name": inspect.currentframe().f_code.co_name,  # type:ignore
             "status": "false",
-            "success": "false",
         },
     )