Django Bridge

Build your application logic in Django

Build your backend using Django URLs, views and forms.

from django_bridge import Response

def form(request):
    form = MyForm(request.POST or None)

    if form.is_valid():
        # Form submission logic here

    return Response(request, "FormView", {
        "action_url": reverse("form"),
        "form": form,
    })
  

You can put as much logic as you like into views, as it stays on the server it won't add bloat to your application.

Most Django extensions work without changes (for example, you can use the Django allauth extension to implement federated authentication).

Views return JSON describing what the frontend should render.

Render the frontend with React

The JSON response from the server is fed into the props of a React component to render it.

function FormView({ action_url, form }) {
    const { csrfToken } = useContext(CSRFTokenContext);

    return (
      <Layout>
        <h1>A Django form rendered with React</h1>

        <Form action={action_url} method="post">
          <input
            type="hidden"
            name="csrfmiddlewaretoken"
            value={csrf_token} />

          {form.render()}

          <button type="submit">Submit</button>
        </Form>
      </Layout>
    );
  }

Unopinionated about how you build your frontend, you can use any React component library or styling framework that you like.