How to connect frontend and backend in javascript | Fullstack Proxy and CORS

Learn to connect frontend build in react with backend build in express. We will learn how these technologies talk to each other

Sara code yaha milta h

Discord pe yaha paaye jaate h:
Instagram pe yaha paaye jaate h:

[rahulmaurya]

00:03 Don't be afraid of production
01:49 Understanding the best practices for backend and frontend development
05:27 Setting up the backend
07:13 Creating a server with Express
10:55 Connecting backend with frontend using Fullstack Proxy and CORS
12:50 Setting up backend and frontend connection
16:15 Connecting backend with frontend in Fullstack Proxy and CORS
18:01 Connect backend with frontend
21:36 Introduction to backend and frontend connection
23:47 Request a GET from Jio
27:08 Cross-origin requests and whitelisting URLs to avoid errors.
28:37 Configure whitelisting to allow only specified IPs or domains.
31:51 Standardization of backend API
33:26 Proxies are used to standardize and simplify URL requests.
36:45 Configure server to automatically append '/api' to requests
38:34 Proxy allows the server to know the origin of the request
41:46 Proxy is a solution to handle errors related to CORS.
43:20 Connect backend with frontend using Fullstack Proxy and CORS
46:41 Issue with propagating frontend changes in the backend
48:57 Connecting backend with frontend using proxy

[saikatmukherjee]

I remember 3 years before building my first Full Stack WebApp with my 3 friends and struggling with CORS for a week back then MERN Stack was just coming up and not many good tutorials was there. Thanks Hitesh Sir for such wonderful videos

[poojalahane]

maine backend series me thank you so muchh finally ab samaz aaya backend se frontend data kaise YOU ARE REALLY A BEST TEACHER NOT ONLY BECAUSE OF CONTENT, YOUR TEACHING STYLE IS AMAZING.... THANK YOU SO MUCH FOR MAKING IT SO MUCH EASY SO BEGINNER CAN UNDERSTAND, I HAVE FERAR OF PROXY AND HOW TO CONNECT FRONTEND TO BACKEND BUT AFTER WATCHING AND SIMALTANIOUSLY PRACTICING GET THE WHOLE IDEA... YOU ARE REALYY A GREATER TEACHER IN THE

[wmpcdjz]

God level explanation. I had enrolled in some paid courses, but none made these topics exciting. I didn't understood about these topics in those courses. I don't why everyone make backend so much complex, but your teaching style cleared all my doubts about CORS and proxy. It is so nice you started explaining backend topics from production level point of view, which is usually covered by others in the end of their courses. Sir you had changed my approach to backend. Thanks for providing valuable information at free of cost.

[meena]

You and sherriyansh coding school is best for coding

[CodeMagnon]

I remember when i literally fixed cors with headers, but learning about those was such a pain, Sir you really doing a great job by providing every single detail that most tutorials fails to provide and we as a learner suffer during production

[yashyash]

I have done around 2 full backend courses completely and none had all the contents required for production grade, i was stuck on how to upload pdf files (basically files) while i was working on my college project and i got your 11th video of this series and then i went through your channel and here i am now determined to watch your full course of backend. I don't know why but there's something in your interaction and content that i am already sure that i won't need to watch lectures anymore after this playlist. you've already shown how to deploy the site in last lecture. All the courses promise to go from beginner to advance but they just leave us hanging somewhere in intermediate level. I feel this course is covering every level at once. I hope you read it sir. Thanks a lot and i really mean it from depth of my heart.

[HammadAli-pvie]

my friend recommended me this video. i was having theses same issue like integration, API calls and Cores, this video is all in one. HIGH recommends this videos to those who are having issues like these.

[karkisanket]

Learnt react from you around three months back.Started backend series from this channel for college project, wrote the backend myself and it was now time to connect the frontend written by my friends and my api's.Glad you have everything covered🙌😍

[sumitjuit]

The thing which takes more than a day to understand is explained so easily and clearly by u sir. Thank you sir! You are making me understand the basic backend and frontend concepts easily.

[mahakaalgaming]

Aaj cors ka pura concept samjh aya.
Kal mujhe 5 ghante lag gaye ek full stack project ko run karane me, Github se clone kiya tha jo, Authentication me bahut problem aayi,
but jaise taise run kara liya.
Ek cheez apki bahut achhi lgti h, Apka jo samjhane ka tareeka hai Bahut axa hai. abhi to 2024 me hu mtlb final yr hai,
Agr 2nd year me hota to baat hi kuch or hoti.

[bittusarkar.k]

Massive shoutout to Hitesh Sir for his incredible work on this backend series! 🙌 His teaching style is top-notch, making even the most challenging concepts digestible and fun to learn. Much gratitude for sharing your expertise and guiding us through the world of backend development! 🌟

[mohammadahmedansari]

Recently, I was planning to build my college mini project using React and Django, but I was very confused about connecting them, saw a lot of youtube videos, mostly they were teaching this technique only by running build and merge it into the backend project, but I had a doubt about if I change the frontend then I have to follow the build process again, but today, you not only cleared my doubts but explained it very deep.
Thankyou sir ❤ for this amazing content.

And waiting for the useEffect video.

[vikasmali]

Hitesh sir, that's a great explanation. We are not experiencing any CORS issues when connecting frontend and backend with proxy.
This session really helped me understand what CORS error is.

[electro]

Backend series me dekha ye video, kafi sari cheeje seekhne ko mili. Great content.

[adityaverma]

Thanks for itna aache se samjane ke liye. ye to he ki jisne aapkia Series follow kar li, full stack ke sath ek acchi company me job le hi lega, or hum jese logo ka 100% hike lag jana he.

[hrotdut]

Can't wait for these backend videos. Thanks Hitesh sir. ❤

[kumarsubhambili]

Watched this inside backend series. Great insights on cors, proxy and fe be communication

[shahabz]

sir 3 bar video dakha hy phr ja kar sab kuch 1 dam clear howa thanks app ka video itni bar dakhtay hain nhi tu life main 2nd bar move dakhnay ka dil nhi krta many many thanks.

[falgunpatel]

🙌 After following the entire Javascript & React Series, I can finally say that it's actually a fantabulous series! 🚀 I did gain really valuable knowledge on professional development and core concepts. 💡 I gained so much confidence. 💪 Now I'm ready to create my own project and implement my learning. Thank you, Hitesh Choudhary Sir! 🌟 Your efforts in bringing professional content to us through 'Chai Aur Code' and also through the English Channel are truly appreciated. 👏

38:50 What if anyone with a different frontend add proxies to access my backend server? Is it a threat?