How to Integrate Django to any Javascript Front End // Django to React // Django to Angular

Learn the basic technique to Integrate Django to any Javascript Front End // Django to React // Django to Angular

-----

Amazing Starts Small. Learn to build great products with code.

-----

My equipment:

[ramyanune]

Hi, Is it possible to upload a file without models and if so how to implement the api call without using templates and give that api to the front end people

[abelmurua]

Thank you for this. I'm learning React and I am coming from Django and Django REST. Is this still a preferred way of connecting React with Django? I am not sure if this is how it's done most of the time and also: does it use the same server for everything? Thank you!

[sagartank]

Cant load static hash image in reactjs with django. Can you please some code or example?

[steelwolf]

Awesome just what we need for integrating front end from our django side

[derekwanjala]

Hi, I'm having a problem while integrating django with nextJs I am getting a Mime css error

[krnlp]

How about running development server of frontend (webpack Dev server) with Django development server?

[vinithadevi]

thankyou this is the video i was looking for

[Goodvibes]

can we make web application using node js as frontend and django as backend

[sankatsiddhartha]

hello sir,
i urgently need your help!!
actually i am working on a django project where i have some calculations to be done
but i need a js call like when i am filling out the input tabs and as soon as i hit tab key to go to another input fields it shoudl calculate amount for me as soon as it hit tab key event !
how should i do this using js with django
please help


class SUPINV_TAB(models.Model):

Sup_Code = models.ForeignKey(SUB_TAB, on_delete=models.CASCADE)
Bill_no = models.CharField(max_length=30, unique=True)
Bill_date = models.DateTimeField(blank=True, null=True)
Bill_amt = models.FloatField(null=False, blank=False, default=0)
Vat_per = models.FloatField(null=True, blank=True, default=0)
Vat_amt = models.FloatField(null=True, blank=True)
Total_amt = models.FloatField(null=False, blank=False, default=0)
Paid_amt = models.FloatField(null=True, blank=True)
Bal_amt = models.FloatField(null=True, blank=True)


#def __str__(self):
# return '{} {}'.format(self.Bill_amt, self.Bill_date
def __str__(self):
return 'supply code is {} and the bill number is {}'.format(self.Sup_Code, self.Bill_no)

def calculate_amounts(self):
if Bill_amt > 0 and Vat_per > 0:
self.Vat_amt = (Bill_amt * Vat_per)/100
self.Total_amt = Bill_amt + Vat_amt
self.Bal_amt = Total_amt
self.save()


this is a model i made for supplier invoice


def SupplierBillsView(request):
form = SUPINV_TAB_FORM()

calculate_amounts()
if request.method == "POST":
supply_form =

if supply_form.is_valid():
save_supply_form =


return render(request, 'supplier_bills.html', {'supply_form':supply_form, 'Vat_amt':Vat_per, 'Total_amt':Total_amt, 'Bal_amt':Bal_amt})

else:
raise ValidationError('Something went wrong ! Please check your entries')

return render(request, 'supplier_bills.html', {'form':form})
and this is the views .py


please help!!!

[RahulSoni]

Please Tell How to use Django template variables in react

[amarnerune]

How can i call javascript function in django??

[aryan_]

We wont use django templates whilst using frontend frameworks... so django will be diff app(REST API) react will be diff
Why are we integrating them?

[misfarsiddeek]

What is the difference between path and re_path

[thribhuvann]

how do i keep both frontend(angular5) and django in same server ?

[ajf]

I like use django+react .it is very powerfull

[tunebrotherdon]

Cool! Could u plz do a similiar tut for Flask?

[rahulvanmali]

Thanks buddy! Django + angular was needed!
What about using JWT ?!

[rambutanemas]

appreciate you can create udemy course to how to develop react native for mobile apps (Front end) and djanggo as back end (server)... i'll be the one to purchase your course.. thank you..

[ankushbanik]

It's not clear to me.. please give a practical video on vue js +django
...

[ericel]

Rest api authentication with firebase auth please