{% load static %} {% load reactpy %} ReactPy

ReactPy Test Page

{% component "test_app.components.hello_world" class="hello-world" %}

{% component "test_app.components.button" class="button" %}

{% component "test_app.components.parameterized_component" class="parametarized-component" x=123 y=456 %}

{% component "test_app.components.object_in_templatetag" my_object %}

{% component "test_app.components.button_from_js_module" %}

{% component "test_app.components.use_connection" %}

{% component "test_app.components.use_scope" %}

{% component "test_app.components.use_location" %}

{% component "test_app.components.use_origin" %}

{% component "test_app.components.django_css" %}

{% component "test_app.components.django_js" %}

{% component "test_app.components.unauthorized_user" %}

{% component "test_app.components.authorized_user" %}

{% component "test_app.components.relational_query" %}

{% component "test_app.components.async_relational_query" %}

{% component "test_app.components.todo_list" %}

{% component "test_app.components.async_todo_list" %}

{% component "test_app.components.view_to_component_sync_func" %}

{% component "test_app.components.view_to_component_async_func" %}

{% component "test_app.components.view_to_component_sync_class" %}

{% component "test_app.components.view_to_component_async_class" %}

{% component "test_app.components.view_to_component_template_view_class" %}

{% component "test_app.components.view_to_component_script" %}

{% component "test_app.components.view_to_component_request" %}

{% component "test_app.components.view_to_component_args" %}

{% component "test_app.components.view_to_component_kwargs" %}

{% component "test_app.components.view_to_iframe_sync_func" %}

{% component "test_app.components.view_to_iframe_async_func" %}

{% component "test_app.components.view_to_iframe_sync_class" %}

{% component "test_app.components.view_to_iframe_async_class" %}

{% component "test_app.components.view_to_iframe_template_view_class" %}

{% component "test_app.components.view_to_iframe_args" %}

{% component "test_app.components.use_user_data" %}

{% component "test_app.components.use_user_data_with_default" %}

{% component "test_app.components.use_auth" %}

{% component "test_app.components.use_auth_no_rerender" %}

{% component "test_app.components.use_rerender" %}