We might need to be extra attentive towards some custom form fields, such as django-colorfield and django-ace, which utilize script tags directly within the form body.
Additionally, some anchor link buttons, such as those within django-crispy-forms, may require special attention as well. For example, should we automatically use reactpy_router to intercept these links? This automatic behavior might need to be a configurable setting within the component.
Old Behavior
Currently, there is no existing way to easily utilize Django Forms (and
django-crispy-forms
) within ReactPy.A lot of Django users have the expectation that they can use battle-tested form validation, so this is an important feature.
Implementation Details
Create a
reactpy_django.components.django_form
that callsForm.render()
, then usehtml_to_vdom
to convert into a ReactPy component.By default,
django_form
should intercept theon_submit
event forhtml.form
to perform Django validation.We might need to be extra attentive towards some custom form fields, such as
django-colorfield
anddjango-ace
, which utilize script tags directly within the form body.Additionally, some anchor link buttons, such as those within
django-crispy-forms
, may require special attention as well. For example, should we automatically usereactpy_router
to intercept these links? This automatic behavior might need to be a configurable setting within the component.