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
  • วิทยาศาสตร์และเทคโนโลยี

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

  • @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 11 หลายเดือนก่อน +46

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

    • @coderdost
      @coderdost  11 หลายเดือนก่อน +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......❤❤❤❤❤❤❤❤

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

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

  • @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.

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

    Bhai aapke explaination ka koi jawab nahi hai🙏

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

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

  • @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 ❤❤❤💥💥💥

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

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

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

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

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

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

  • @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 🙏

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

    Best video on TH-cam solved every query 😃🙌

  • @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 ❤❤❤

  • @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!!

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

    Oho FaceCam Debut 🔥👌

  • @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 :)

  • @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 :)

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

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

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

    Extremely great explaination. Loved it!!

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

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

  • @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.🙏🙏👍👍👍

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

    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

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

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

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

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

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

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

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

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

  • @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.

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

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

  • @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🤗

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

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

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

      So nice of you

  • @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🙏🙏🙏🙏🙏🙏

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

    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.

  • @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

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

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

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

    Your each and every video is very helpful thanks

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

    wow this is the best video ,Thankyou brother🤩

  • @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.

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

      Great. Thanks

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

    Thanks for this video... 👍👍

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

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

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

    awsome sir !!, thankyou very much

  • @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

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

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

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

    Thank you sir nice video for us those are beginners ❤

  • @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 11 หลายเดือนก่อน

    Thanks you sir, you are very helpful for me 😊

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

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

  • @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

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

    Outstanding teach sir ❤❤

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

    Really useful tutorial 🎉❤

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

    Once again thanks ☺️

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

    Legendary teacher ❤

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

    Thank you so much brother.

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

    very nice demo of full stack dev

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

    Very helpful video sir ❤

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

    You're great Sir.

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

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

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

    bhaut bvdiya smjhaaya bhai

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

    Great sirji....

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

    I like it....this type video

  • @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

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

    really great explanation

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

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

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

      Appreciate it 👍🏻

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

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

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

    Excellent Video more than your humble personality!!

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

    Thank You so much Sir!

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

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

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

      have you complected the total video without any error?

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

    thankyou so much brother

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

    Loved it ❤❤

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

    Amazing tutor❤️

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

    Nicely explained

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

    Thank you so much 🎉

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

    very informative❣❣❣❣❣

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

    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?

  • @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

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

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

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

    Thankyou sooo much sir

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

    Thank u sir ❤️

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

    Easy to update data call function getUsers() when data successfully inserted.

  • @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 😃

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

    amazing video

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

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

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

    Thanks ❤

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

    Thanks!

  • @shubhangibarve-lp1qo
    @shubhangibarve-lp1qo 27 วันที่ผ่านมา

    please post a video for updating and deleting data

  • @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 😢😢

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

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

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

    bro aap screen thoda chhota rakho pura code dikh nahi pata

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

    mongodb atlas ka basic video react mongo node connect bna dijiye

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

    sir zabardast

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

    thanks sir

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

    sir need help, how to deploy this code ?

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

    thank u sir

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

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

  • @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 ?

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

    mongod command is not working in me what can I do

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

    cool😎

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

    Hamaray bohat maroof Shaks thay zia Mohyu deen .Ap coding kay zia Mohyu deen hain