django-webpack-loader VS django-crispy-forms

Django Webpack Loader

Check out https://github.com/django-webpack/django-webpack-loader

About one month ago i started having a lot of doubts on my frontend. At first, instead of decoupling frontend from backend, i decided to use a library called django-webpack-loader that lets me serve webpack from Django templates, so i created a Vue app and served it from Django (i used a simple index.html view). So at this point i basically have a SPA that instead of being decoupled from Django, it's served by Django.

You can do this with Django and nothing else easily or you can use a third party library called Django-Webpack-Loader.

In addition to what's already been said (completely separate frontend & backend; or do a CDN include), I've worked in a codebase that uses django-webpack-loader.

The biggest challenge to using Django with React IMO is getting the right blend of isomorphic rendering down. I don't want to go full SPA with Django as this defeats the purpose of Django IMO. Most parts of the site I want server-rendered, while in stateful parts I want React. So, let's say I have a site with 20 different React "apps" (i.e. stateful components) that I want to distribute amongst my various Django sections (Django "Apps" within the same project). And I want to do that with one webpackconfig. How do I tell my webpack where to put all those react bundles? The answer I've found is django-webpack-loader[1], however as you can see in the Issues section, one of the biggest limitations here is the inability to chunk React (and other issues).

Does anyone have a solution they like for this kind of isomporphic Django problem?

1. https://github.com/owais/django-webpack-loader

We start with an empty Django project which we call babelbox_project and an empty app called babelbox. We use the django-crispy-forms package to style our forms with Bootstrap.

django-crispy-forms - have to put this up again, amazing for rendering forms simply.

django-crispy-forms

Unless I'm misunderstanding the image/description, you only mentioned one field, phone_number, so I'm not exactly sure what you're wanting separated. In any case, are you using django-cirpsy-forms? You may want to give that a try, then following the advice from the article above you can customize your forms as you see fit with some easy bootstrap styling to boot:

Doc: https://django-crispy-forms.readthedocs.io/en/latest/ Source: https://github.com/django-crispy-forms/django-crispy-forms

Does this link help at all?