Django reactjs vuejs mixing with template system

Using Django
1

Hello dear friends

Do Django community have any plan to integrated modern javascript framework with template system ? something like vueonrails .
thanks.

2

I tried chasing down some information on what exactly vueonrails does other than integrating a vue front end with a rails back end, and my rather cursory search really didn’t reveal much in the way of useful information.

So what is it that vueonrails does that Django (or the Django Rest Framework) doesn’t (or can’t) do?

1 Like
3

Thanks for your comment .

this is benefit :

  • :vulcan_salute: Vue UI ready
  • :dog: Support pug
  • :clown_face: Jest test ready
  • :scissors: Specific-page Vue
  • :construction_worker_man:t2: Asset pipeline helpers
  • :dart: Simple state management
  • :package: Out of the box configuration
  • :hammer: Component generators and scaffolds
  • :snowflake: Server Side Rendering using Hypernova
  • :card_file_box: Easily migrate to Vuex state management
  • :earth_americas: Internationalization for component parts
  • :gem: Compatible with Rails 6/5/4 and Webpacker
  • :racing_car: Kickstart with our application template at https://vueonrails.com/vue

check out https://strapi.io/ and look at its admin panel , written with react ,
such modern look and feeling .

4

I use Vue with Django, quite well. I know of many people who use Django with React - also with a lot of success. There are plenty of videos out there showing the integration of each of those with Django. The “modern” look and feel is more a case of what you do with the front-end tools, and less with the server side. As I see it, the server side provides support by basically serving three different types of data streams:

  1. A full HTML page
  2. An HTML fragment (div, span, table, etc)
  3. JSON or XML data

All three of which are supported quite well in Django.

Thanks for providing this list - unfortunately, most of it reads to me like marketing points and not an actual definition of what it does relative to what Django does (or can) provide.

Looking at these one-by-one -

  • Vue UI ready - I use Django every day with Vue.
  • Support pug - Cursory search of what it is/does gives me the impression that it works with React and not Vue - better responded to by others on here who work with React instead of Vue, but basically from what I can tell isn’t relevant to a discussion of Vue with Django.
  • Jest test ready - Jest looks like a Javascript testing framework to me. Doesn’t appear relevant to a Django/Vue integration discussion.
  • Specific-page Vue - I can’t find any component or module associated with Vue referencing that particular term.
  • Asset pipeline helpers - Exists in the Django ecosystem
  • Simple state management - Exists in the Django ecosystem
  • Out-of-the-box configuration - Can’t tell what you mean by that.
  • Component generators and scaffolds - The second entry in the Awesome Vue.js page lists Vue-Django, among other python tools.
  • Server Side Rendering - that’s specifically what Django does. All the rest of the “stuff” I see on the Hypernova web site doesn’t show it to be anything special.
  • Easily migrate to Vuex state management - Migrate from what?
  • Internationalization for component parts - Looks like a Vue-specific issue to me, not sure how Django (or Rails) would fit into that picture.
  • Compatible with Rails… - It’s Django, after all - Rails compatibility is not relevant

So, while I learned quite a bit about some more components of other ecosystems while researching the different topics / products you’ve mentioned, I did not see an answer to my question:

What is it that you are looking to do that Django (or the Django Rest Framework) doesn’t (or can’t) do?

5

when we use drf just sending data as json , it s great for consuming in
mobile apps.

but in web we have a special situation , template ,message ,forms ,validation , all are great system
but in front we should choose between json or template .

I mean consuming data as json in front end technology like react ,angular or using template system .
any selection we choose means we lose some benefit of other system .

as other community for example laravel php framework , they officially use vue .

or microsoft community - asp.net developers ,they use angular .

they make some guideline , some tuning , integration … and moving forward .

as evolution theory prove , strongest and adaptive , adaption last .

your question , in this context have a simple answer , why we make migration ,when we could
write raw sql ?

These front end technology are really great , and also flexible , I mentioned vue
because it is so simple , light and progressive , and green like django :slight_smile:

maybe it is myt urn to start integrating this two awesome stack .
I enjoy talking with you and thanks so much .

6

I read your text and get the impression that you spend much more time reading about the latest hypes than coding. Today even open source tools do advertising. This has the drawback that it is hard to see the real benefits and drawbacks.

If the django admin GUI would use react … Would this help your application which does not use the admin GUI? Please slow down and ask yourself this question before reading the next lines.

I think the answer to above question is “no, it won’t help your application”.

The current problem is that there are far too many choices. And if you have no experience you get lost.

Ken wrote you this:

  1. A full HTML page
  2. An HTML fragment (div, span, table, etc)
  3. JSON or XML data

If unsure start with option 1. This means you don’t need react/angular/vue for your first prototype.