Connect REACT to NODE js MONGODB in one video (in Hindi)

แชร์
ฝัง
  • เผยแพร่เมื่อ 3 ม.ค. 2023
  • Connect React App to Node js / express backend with MongoDB as database. We will use mongoose for easy DB connectivity. We will create some REST API and use them.
    Related Videos:
    1. HTTP request/response/API : • Web Server Concepts | ...
    2. Node Middlewares : • What is Middleware in ...
    3. REST API: • What is REST API ? RES...
    4. Mongoose Schema/Model: • Mongoose Schema, Model...
    5. Mongoose queries : • Find Query Using Opera...
    Full Playlist :
    NodeJS/ExpressJS : bit.ly/35nN6Yt
    MongoDB / Mongoose : bit.ly/3qPj0EO
    Source Code: github.com/coderdost/connect-...
    🤯 Crash Courses (Single Video)
    Git/Github Crash Course : bit.ly/3JSA5VT
    TypeScript Crash Course : bit.ly/372dZSh
    Angular Crash Course : bit.ly/3DoGJR1
    Vue JS Crash Course : bit.ly/3uDujRl
    Python Crash Course : bit.ly/3Dod7U2
    React Router Crash Course : bit.ly/36YfO2i
    🧑‍🏫 Full Course Playlists
    HTML : bit.ly/36IMq0h
    CSS : bit.ly/3LpRQw6
    JavaScript : bit.ly/3u049tf
    BootStrap : bit.ly/3NA9nDJ
    ES 6 : bit.ly/3DvYCh6
    DOM Playlist : bit.ly/35nMKB7
    ReactJS (Redux & Hooks) : bit.ly/3iMethN
    React with TypeScript : bit.ly/3fQjXtF
    React Hooks: bit.ly/3Vmh7wV
    Redux: bit.ly/3yAIIkl
    NodeJS/ExpressJS : bit.ly/35nN6Yt
    MongoDB / Mongoose : bit.ly/3qPj0EO
    💻 Projects Playlists
    MERN Stack Complete Ecommerce : bit.ly/3ymSs0E
    Web Design HTML+CSS - Home Page : bit.ly/35nZiIB
    Web Design BootStrap - E-Commerce Site : bit.ly/3iPhaz7
    React/Redux/Firebase - Todo-App : bit.ly/3DnekL8
    🕹 Mini Projects (Single Video)
    React - Tic Tac Toe (Redux / Hooks) : bit.ly/3uzLEuy
    React - Game of Flag Quiz (Hooks) : bit.ly/3LpTC0e
    React - Google Translate Clone (Hooks) : bit.ly/3Lo9xvZ
    React - Chat App using Firebase (Hooks) : bit.ly/3wLgymj
    Visit our site: coderdost.com
    🔴 Full Courses List : coderdost.com/courses
    🔴 Full Projects List : coderdost.com/projects
    💾 Source Codes at : github.com/coderdost
  • วิทยาศาสตร์และเทคโนโลยี

ความคิดเห็น • 157

  • @coderdost
    @coderdost  ปีที่แล้ว +6

    Related Videos:
    1. HTTP request/response/API : th-cam.com/video/sfMNI0yLZII/w-d-xo.html
    2. Node Middlewares : th-cam.com/video/qkMJL0FwiyE/w-d-xo.html
    3. REST API: th-cam.com/video/xrB51fPM1K4/w-d-xo.html
    4. Mongoose Schema/Model: th-cam.com/video/D58BWKweF-4/w-d-xo.html
    5. Mongoose queries :th-cam.com/video/svlK3Z9G27U/w-d-xo.html
    Full Playlist :
    NodeJS/ExpressJS : bit.ly/35nN6Yt
    MongoDB / Mongoose : bit.ly/3qPj0EO
    Source Code: github.com/coderdost/connect-react-with-node-mongo

  • @SubhadeepBarua-lj5sy
    @SubhadeepBarua-lj5sy ปีที่แล้ว +46

    No unnecessary drama, No over explaining... He has explain the entire topic briefly only with important details... Thank sir❤

    • @coderdost
      @coderdost  ปีที่แล้ว +4

      Thanks 👍

    • @Real_Life126
      @Real_Life126 7 หลายเดือนก่อน +1

      Great teature bhai

  • @Palestinepakistan786
    @Palestinepakistan786 3 หลายเดือนก่อน +1

    first i am a php developer i think node js and mern stack is tough but in 2 week i learn mern best from here he deserve millions of subscribers..his method of teaching is simple and best his js course change my mind php to mern developer..i recommended this channel only if you want to learn pls learn from one channel comlete than move to other tutorial of other if you give up you are looser don't be a looser learn here from slowly till you learn repeat the lectures and practice to own......❤❤❤❤❤❤❤❤

  • @mr.mreetunjaymessi4080
    @mr.mreetunjaymessi4080 6 หลายเดือนก่อน

    Bhaiya apane jaise samjhaya hai, wo tarikha ekdam chhote dimag me ghus gaya hai 🥰

  • @rakeshkumarparida98
    @rakeshkumarparida98 ปีที่แล้ว +15

    I have never seen a youTuber who is explaining like this. Seriously the way you explaining it's next level sir..Thank God I found this channel 🙌

    • @coderdost
      @coderdost  ปีที่แล้ว +2

      Thanks and welcome

    • @4444-c4s
      @4444-c4s ปีที่แล้ว +1

      yes...I am ready to pay you sir for your efforts. U can also launch your course on Udemy.

  • @jj_tech_gate
    @jj_tech_gate ปีที่แล้ว

    Bhaiya bhot phle Maine apki video dekhi thi jisme Maine bola tha ke aap bhot fast fast bolte ho kuch smjh nhi aata or ek aaj ka din hai....bhot achi lgi video or es video me kaafi aaram aaram se btaya aap ne....thank you ❤❤❤💥💥💥

  • @amitchandmandal1611
    @amitchandmandal1611 ปีที่แล้ว +8

    Wow! I must say, your way of teaching is absolutely outstanding! The value you provide through your TH-cam videos is truly remarkable and surpasses even the most expensive institutes out there.

    • @coderdost
      @coderdost  ปีที่แล้ว

      👍 Thanks. appreciate it

    • @sajidmoosa1
      @sajidmoosa1 10 หลายเดือนก่อน

      I dare to have dissent, he is ocean of knowledge. Style is simple, illustrative and humble, but his knowledge makes it remarkable!!

  • @surajniwal8886
    @surajniwal8886 ปีที่แล้ว +1

    As always you nailed it. Thanks alot.need more videos like this

  • @programmingwithjavascript3579
    @programmingwithjavascript3579 ปีที่แล้ว +3

    Bhai aapke explaination ka koi jawab nahi hai🙏

  • @dip11it
    @dip11it ปีที่แล้ว +4

    useEffect ki dependency array pe [users] dene se component fir mount hota aur bina reload ki last value show karta.

  • @oitanny1213
    @oitanny1213 ปีที่แล้ว

    thank you so much! such an easy tutorial to follow, you made it seem like a cake walk! thanks a lot once again :)

  • @ganeshtowar8050
    @ganeshtowar8050 ปีที่แล้ว +4

    You are the best video I saw on this topic till now Indians are superior at programming just because there are teachers like you who are providing superior tutorial
    Thanks you ❤️

    • @coderdost
      @coderdost  ปีที่แล้ว

      Thanks. Keep learning

  • @sadjoker6477
    @sadjoker6477 9 หลายเดือนก่อน

    Ek ek chhej jo samjh me nhi aa rha tha ...
    Aaj aa gyaa
    Thank you sir 🙏

  • @dg_official96
    @dg_official96 ปีที่แล้ว +3

    Thanks.... Muje a content nahi mila tha TH-cam me....

  • @chandankumarthakur7182
    @chandankumarthakur7182 ปีที่แล้ว

    bahut achha padha rahe hain sir. Thank you :)

  • @omarfaruk538
    @omarfaruk538 10 หลายเดือนก่อน

    thank you so much brother, you are really amazing, without drama or over explain, you covered the entire thing.
    it's so cool ❤❤❤

  • @hameedmulani21
    @hameedmulani21 ปีที่แล้ว +2

    Sir, this is what I'm looking for
    Thank you and Great Explanation and Voice ✅😊🤩👨‍💻🏅

  • @IndianGermanDiaries
    @IndianGermanDiaries ปีที่แล้ว +11

    Oho FaceCam Debut 🔥👌

  • @HikeWithAK
    @HikeWithAK 8 หลายเดือนก่อน

    Aapke samjhane ka tareeka best hai ek dum calm and slow good❤

  • @henilchhipani
    @henilchhipani 7 หลายเดือนก่อน +1

    Sir, Thank you so much. This videos saves lives..... keep supporting us

  • @ghostAlien44
    @ghostAlien44 ปีที่แล้ว +4

    Great to see your 14k subscribers
    Following when u have 2k 🔥🔥🔥🔥

  • @AmanSingh-wj7wd
    @AmanSingh-wj7wd ปีที่แล้ว

    Best video on TH-cam solved every query 😃🙌

  • @quizzpedia
    @quizzpedia ปีที่แล้ว

    Brother I love your videos and your redux tutorial is very good please never stop making videos. I watch your videos daily and subscribed you

  • @shortme9374
    @shortme9374 ปีที่แล้ว

    Amazing Explanation. Worth Watching. Thank you for the video DOST.

  • @suhaibkhan4956
    @suhaibkhan4956 2 หลายเดือนก่อน

    wow this is the best video ,Thankyou brother🤩

  • @saurabhtech7371
    @saurabhtech7371 ปีที่แล้ว +1

    Make more such fundamental videos. Sir they help me a lot. For understanding the flow of data, connectivity and how we can connect MERN. Thank you❤🙏 sir for making the valuable video.

  • @UdayPareta
    @UdayPareta 2 วันที่ผ่านมา

    Bilkul scratch se samjhaya he sir ne 😍

  • @shubhojeetbera
    @shubhojeetbera ปีที่แล้ว

    Extremely great explaination. Loved it!!

  • @allahsblessings1072
    @allahsblessings1072 ปีที่แล้ว +2

    Your content is amazing n teaching style too bro 🔥 keep it up n thnks alot for teaching us ❤️🥰

  • @titaschowdhury8860
    @titaschowdhury8860 ปีที่แล้ว

    Sir aapka fan ban gaye hain..🎉🎉🎉🙏🙏🙏 sab itna simple or details se batate to ho so nice. 👍 Bolne se lagta hain virtually soch k dimaag pe ho raha hain. Bohot sahi sir.aap bohot ache teacher ho.🙏🙏👍👍👍

  • @SAKSHIKUMARIP
    @SAKSHIKUMARIP 4 หลายเดือนก่อน +1

    u r way of explanation is so awesome .. its veryy useful for we beginners.. pls keep uploading more such videos with ur concised explantion sir🙏🙏🙏🙏🙏🙏

  • @rajasahoo1296
    @rajasahoo1296 ปีที่แล้ว

    Thanks a lot Sir for this video, using your info & add my knowledge I cusomised my code & it's running successfully 🙏🙇‍♂

  • @noobengineer9943
    @noobengineer9943 ปีที่แล้ว

    Absolutely helpful❤❤❤...thanqq for your generous video ❤❤❤

  • @SigmaBroSAap
    @SigmaBroSAap 9 หลายเดือนก่อน

    You are amazing ❤🎉😊 o will share this to all my friends ❤️

  • @prateek1347
    @prateek1347 9 หลายเดือนก่อน

    Thank you so much. I like your teaching style you are natural! Thanks Again

  • @sadjoker6477
    @sadjoker6477 9 หลายเดือนก่อน

    Bahut samajaya hai sir aapne ❤❤❤❤❤❤❤❤❤❤

  • @nikitakushwaha9572
    @nikitakushwaha9572 11 หลายเดือนก่อน

    Your teaching skill is very very good perfect . Basic problem solving to advance. Plz come other video in MERN technology. Which is really help us.

  • @muhammadumariqbal8172
    @muhammadumariqbal8172 11 หลายเดือนก่อน

    Your each and every video is very helpful thanks

  • @sunildhiman6107
    @sunildhiman6107 11 หลายเดือนก่อน +2

    Your way of teaching…👌👌I’m wordless. Appreciate it.

    • @coderdost
      @coderdost  11 หลายเดือนก่อน

      So nice of you

  • @100-mahadevanshettiyar5
    @100-mahadevanshettiyar5 6 หลายเดือนก่อน

    awsome sir !!, thankyou very much

  • @080_deveshmishra7
    @080_deveshmishra7 7 หลายเดือนก่อน

    I am searching from hours about how to connect react with node but no one have explained like this way so which I can understand how these things are working

  • @teresaantony4079
    @teresaantony4079 ปีที่แล้ว

    Best video ever...thank you soooo much👍👍 God bless you

  • @lovkush5257
    @lovkush5257 ปีที่แล้ว

    pranam sir.
    I always find your video - Pta nhi kaise jo mujhe actual me content chahiye hota hai vo aap bna dete ho>
    Love from Chandigarh sir. My all basics doubts gets clear.

  • @dg_official96
    @dg_official96 ปีที่แล้ว +2

    Dependancy me o state variable pass karne ka.... Jab bhi state variable me data ayega tab useeffect hook call hoga.....bhooom🤗

  • @prasadjoshi4009
    @prasadjoshi4009 ปีที่แล้ว +2

    Thanks for this video... 👍👍

  • @dg_official96
    @dg_official96 ปีที่แล้ว +1

    Great sirji....

  • @TheVedicWarrior
    @TheVedicWarrior ปีที่แล้ว

    THANK YOU SO MUCH SIR.... WELL EXPLAINED ❤

  • @spotlitengn3356
    @spotlitengn3356 10 หลายเดือนก่อน

    Thank you sir nice video for us those are beginners ❤

  • @dg_official96
    @dg_official96 ปีที่แล้ว +1

    Once again thanks ☺️

  • @rajankumarsingh3691
    @rajankumarsingh3691 11 หลายเดือนก่อน

    You are just great sir this is the first video i have seen on your channel it is awesome your explaination is just next level sir from today i am your subscriber sir ❤❤❤❤❤❤❤❤

    • @coderdost
      @coderdost  10 หลายเดือนก่อน

      Thanks and welcome

  • @GriTisome
    @GriTisome ปีที่แล้ว

    Thanks you sir, you are very helpful for me 😊

  • @shreyashjain1475
    @shreyashjain1475 3 หลายเดือนก่อน

    You're great Sir.

  • @sumitrawat5317
    @sumitrawat5317 ปีที่แล้ว

    bhaut bvdiya smjhaaya bhai

  • @dg_official96
    @dg_official96 ปีที่แล้ว +2

    Esme hi ...CRUD operation in one video in hindi🔥🔥🔥
    With mongodb atlas ko connect karke....

  • @nthngmeyaar
    @nthngmeyaar 9 หลายเดือนก่อน

    Thank you so much brother.

  • @dg_official96
    @dg_official96 ปีที่แล้ว +1

    I like it....this type video

  • @fahadkabooroo7395
    @fahadkabooroo7395 3 หลายเดือนก่อน

    Thanks alot My Favo Channel sir kindly Nextjs ka Video bana den ❤❤❤❤❤❤

  • @michaelscott1899
    @michaelscott1899 ปีที่แล้ว

    Loved it ❤❤

  • @thakurgamer1885
    @thakurgamer1885 10 หลายเดือนก่อน

    Outstanding teach sir ❤❤

  • @mohammadadnan895
    @mohammadadnan895 11 หลายเดือนก่อน

    Very helpful video sir ❤

  • @user-iq8pu4xq9o
    @user-iq8pu4xq9o 6 หลายเดือนก่อน

    Nicely explained

  • @codewithsandesh7824
    @codewithsandesh7824 ปีที่แล้ว

    Really useful tutorial 🎉❤

  • @CO_VedantBrahmbhatt
    @CO_VedantBrahmbhatt 11 หลายเดือนก่อน

    I was trying to coonect my react app with db, i was not getting any simple and one shot video for all. Thank you, even i do not know how express and other things are working but learnt.

    • @coderdost
      @coderdost  11 หลายเดือนก่อน

      Great

  • @rajatkumarjain2889
    @rajatkumarjain2889 ปีที่แล้ว

    very nice demo of full stack dev

  • @chanchalhappy
    @chanchalhappy 6 หลายเดือนก่อน

    Amazing video cut to cut explanation Thank you so much (watching from CANADA),I wonder if you can make some video on Azure+ React+ MongoDB?

  • @rahulkumarmishra2754
    @rahulkumarmishra2754 ปีที่แล้ว

    Thank you very much for your videos, your tutorial are very understandable 🙏🙏

    • @coderdost
      @coderdost  ปีที่แล้ว

      Appreciate it 👍🏻

  • @luckyparihar5981
    @luckyparihar5981 10 หลายเดือนก่อน

    Legendary teacher ❤

  • @stain5570
    @stain5570 ปีที่แล้ว

    thankyou so much brother

  • @sajidmoosa1
    @sajidmoosa1 10 หลายเดือนก่อน

    Excellent Video more than your humble personality!!

  • @office394
    @office394 ปีที่แล้ว

    veryhelpfull video sir thanks for making this video sir...

    • @Khanajmal593
      @Khanajmal593 ปีที่แล้ว

      have you complected the total video without any error?

  • @mahdiali-ng8gg
    @mahdiali-ng8gg ปีที่แล้ว

    very informative❣❣❣❣❣

  • @ShyamkrishnanNair
    @ShyamkrishnanNair 11 หลายเดือนก่อน

    Thank You so much Sir!

  • @mdmusaif7492
    @mdmusaif7492 10 หลายเดือนก่อน

    really great explanation

  • @pritimodanwal06
    @pritimodanwal06 ปีที่แล้ว

    Thankyou sooo much sir

  • @navinkumarsahu1159
    @navinkumarsahu1159 10 หลายเดือนก่อน

    Amazing tutor❤️

  • @kunalkundu2822
    @kunalkundu2822 11 หลายเดือนก่อน

    amazing video

  • @bookstel8823
    @bookstel8823 ปีที่แล้ว

    Thank u sir ❤️

  • @ronyroy7127
    @ronyroy7127 ปีที่แล้ว

    Thank you so much 🎉

  • @Rahulkingyt-di1ut
    @Rahulkingyt-di1ut 10 หลายเดือนก่อน

    Sir if i put dependency users in useeffect it going to infinite loop 😢😢😢 sir please help me

  • @RaviKumar-mh4zu
    @RaviKumar-mh4zu 7 หลายเดือนก่อน

    Mongoose automatically looks for the plural, lowercased version of your model name. Thus, for the example above, the model User is for the users collection in the database

  • @chickendinner120
    @chickendinner120 6 หลายเดือนก่อน

    within 1 minute i subscribed , here is reason-
    1) Large fontsize,
    2) Source code available
    3) No drama
    4) Content
    let us support you

  • @vimanexam4033
    @vimanexam4033 ปีที่แล้ว

    Please 🙏🙏 make a video explaining the fetch part with axios.

  • @rajesharrojula9159
    @rajesharrojula9159 3 หลายเดือนก่อน

    Thanks!

  • @mdmusaif7492
    @mdmusaif7492 10 หลายเดือนก่อน

    sir need help, how to deploy this code ?

  • @not_amanullah
    @not_amanullah 5 หลายเดือนก่อน

    Thanks ❤

  • @adabwithwasiq
    @adabwithwasiq ปีที่แล้ว

    sir zabardast

  • @ezeldesilva2717
    @ezeldesilva2717 4 หลายเดือนก่อน

    I got some error...err connection refused and failed to fetch how to resolve it

  • @poojadhas8818
    @poojadhas8818 ปีที่แล้ว

    Thank you soo much sir for this video it really helped us to solve our issue of MongoDB connection, you explained it in a very simplified way!! 👌👌 Can you please do a video to show the same data on other page or show the method how to do so please really appreciate it.♥♥♥

    • @coderdost
      @coderdost  ปีที่แล้ว

      There will be a big project in coming days, I think it will cover all MERN stack concepts in that. Like one you suggested. Thanks

  • @prathamlashkari4230
    @prathamlashkari4230 ปีที่แล้ว

    thanks sir

  • @Rahulkingyt-di1ut
    @Rahulkingyt-di1ut 10 หลายเดือนก่อน

    What should i do to handle this error, and i search this error on stack overflow but i didn't get any answer 😢😢

  • @AbhishekKumar-lp7wy
    @AbhishekKumar-lp7wy 10 หลายเดือนก่อน

    mongod command is not working in me what can I do

  • @Dev-Phantom
    @Dev-Phantom ปีที่แล้ว

    cool😎

  • @sourabhlodhi1675
    @sourabhlodhi1675 ปีที่แล้ว +1

    Sir sab TH-cam or node me http fs path os events modules or CRUD API ke bare me bata rahe hai but interview me pata nhi kya kya puch raha hai JS me bahut deep ja rahe hai

    • @coderdost
      @coderdost  ปีที่แล้ว

      Which node questions-Koi sample question? Or topic ?

  • @shubhangibarve-lp1qo
    @shubhangibarve-lp1qo หลายเดือนก่อน

    please post a video for updating and deleting data

  • @codingmentorrobina9876
    @codingmentorrobina9876 ปีที่แล้ว

    thank u sir

  • @supriyanaj291
    @supriyanaj291 8 หลายเดือนก่อน

    mongodb atlas ka basic video react mongo node connect bna dijiye

  • @pritimodanwal06
    @pritimodanwal06 ปีที่แล้ว

    pass form state variable in dependency array so whenever we add any new data then useeffect render and show data

  • @shahbaj6216
    @shahbaj6216 9 หลายเดือนก่อน

    Sir video kyo nhi aa rhi hai

  • @theconquererrrgaming1706
    @theconquererrrgaming1706 2 หลายเดือนก่อน

    Very helpful video, as beginner gained some confidence and clarity to start

  • @codewithkaran8860
    @codewithkaran8860 ปีที่แล้ว

    Awesome video bhaiya 🤟 and you ask the question that how it will display our new data without refreshing so the answer of that question is we simply remove the empty array on usEffect 😊

    • @coderdost
      @coderdost  ปีที่แล้ว +1

      Yes, that is 1 solution, but removing the array is dangerous that can create extra re-renders sometime.
      1. You can create some state variable that shows that the user is successfully saved on the database. And then put that in the dependency array.
      OR
      2. you can call getUsers() on the success of POST API.

    • @codewithkaran8860
      @codewithkaran8860 ปีที่แล้ว

      @@coderdost thanks for replying bhaiya tummarow I will implement it 😃