Connect REACT to NODE js MONGODB in one video (in Hindi)
HTML-код
- Опубликовано: 11 сен 2024
- 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/cod...
🤯 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/...
🔴 Full Projects List : coderdost.com/...
💾 Source Codes at : github.com/cod...
Related Videos:
1. HTTP request/response/API : ruclips.net/video/sfMNI0yLZII/видео.html
2. Node Middlewares : ruclips.net/video/qkMJL0FwiyE/видео.html
3. REST API: ruclips.net/video/xrB51fPM1K4/видео.html
4. Mongoose Schema/Model: ruclips.net/video/D58BWKweF-4/видео.html
5. Mongoose queries :ruclips.net/video/svlK3Z9G27U/видео.html
Full Playlist :
NodeJS/ExpressJS : bit.ly/35nN6Yt
MongoDB / Mongoose : bit.ly/3qPj0EO
Source Code: github.com/coderdost/connect-react-with-node-mongo
No unnecessary drama, No over explaining... He has explain the entire topic briefly only with important details... Thank sir❤
Thanks 👍
Great teature bhai
@@coderdost yes ya tho hai but bass server par deployment chut gai bass uski kami hai
Wow! I must say, your way of teaching is absolutely outstanding! The value you provide through your RUclips videos is truly remarkable and surpasses even the most expensive institutes out there.
👍 Thanks. appreciate it
I dare to have dissent, he is ocean of knowledge. Style is simple, illustrative and humble, but his knowledge makes it remarkable!!
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......❤❤❤❤❤❤❤❤
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 🙌
Thanks and welcome
yes...I am ready to pay you sir for your efforts. U can also launch your course on Udemy.
Great to see your 14k subscribers
Following when u have 2k 🔥🔥🔥🔥
Legend!
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 ❤️
Thanks. Keep learning
Bhai aapke explaination ka koi jawab nahi hai🙏
Thanks.... Muje a content nahi mila tha RUclips me....
Oho FaceCam Debut 🔥👌
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 ❤❤❤💥💥💥
useEffect ki dependency array pe [users] dene se component fir mount hota aur bina reload ki last value show karta.
Sir, Thank you so much. This videos saves lives..... keep supporting us
Your way of teaching…👌👌I’m wordless. Appreciate it.
So nice of you
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🙏🙏🙏🙏🙏🙏
Bhaiya apane jaise samjhaya hai, wo tarikha ekdam chhote dimag me ghus gaya hai 🥰
finally pura youtube mern login register ghumke aaya lekin aisa teaching kahi nahi mila
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.🙏🙏👍👍👍
Thanks
Extremely well described. Hats off to you sir❤
Aapke samjhane ka tareeka best hai ek dum calm and slow good❤
Sir, this is what I'm looking for
Thank you and Great Explanation and Voice ✅😊🤩👨💻🏅
Dependancy me o state variable pass karne ka.... Jab bhi state variable me data ayega tab useeffect hook call hoga.....bhooom🤗
Your content is amazing n teaching style too bro 🔥 keep it up n thnks alot for teaching us ❤️🥰
Bilkul scratch se samjhaya he sir ne 😍
Ek ek chhej jo samjh me nhi aa rha tha ...
Aaj aa gyaa
Thank you sir 🙏
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.
Great. Thanks
As always you nailed it. Thanks alot.need more videos like this
Esme hi ...CRUD operation in one video in hindi🔥🔥🔥
With mongodb atlas ko connect karke....
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.
Best video on RUclips solved every query 😃🙌
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.
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 ❤❤❤❤❤❤❤❤
Thanks and welcome
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.
Great
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
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
thank you so much brother, you are really amazing, without drama or over explain, you covered the entire thing.
it's so cool ❤❤❤
wow this is the best video ,Thankyou brother🤩
thank you so much! such an easy tutorial to follow, you made it seem like a cake walk! thanks a lot once again :)
within 1 minute i subscribed , here is reason-
1) Large fontsize,
2) Source code available
3) No drama
4) Content
let us support you
Thank you so much. I like your teaching style you are natural! Thanks Again
bahut achha padha rahe hain sir. Thank you :)
Amazing Explanation. Worth Watching. Thank you for the video DOST.
You are amazing ❤🎉😊 o will share this to all my friends ❤️
Thanks for this video... 👍👍
Extremely great explaination. Loved it!!
Absolutely helpful❤❤❤...thanqq for your generous video ❤❤❤
Bahut samajaya hai sir aapne ❤❤❤❤❤❤❤❤❤❤
Your each and every video is very helpful thanks
Once again thanks ☺️
Great sirji....
Thanks a lot Sir for this video, using your info & add my knowledge I cusomised my code & it's running successfully 🙏🙇♂
Just excellent teaching
bro aap screen thoda chhota rakho pura code dikh nahi pata
Best video ever...thank you soooo much👍👍 God bless you
Most welcome
I like it....this type video
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?
Thanks alot My Favo Channel sir kindly Nextjs ka Video bana den ❤❤❤❤❤❤
Thank you sir nice video for us those are beginners ❤
Excellent Video more than your humble personality!!
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
THANK YOU SO MUCH SIR.... WELL EXPLAINED ❤
You're great Sir.
awsome sir !!, thankyou very much
Thanks you sir, you are very helpful for me 😊
Why don't we use arrow function for creating a component rather than a pure function??
In all the tutorials I have seen they all write components using pure function while I use arrow function??
Legendary teacher ❤
Outstanding teach sir ❤❤
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.♥♥♥
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
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 😊
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.
@@coderdost thanks for replying bhaiya tummarow I will implement it 😃
Thank you very much for your videos, your tutorial are very understandable 🙏🙏
Appreciate it 👍🏻
bhaut bvdiya smjhaaya bhai
veryhelpfull video sir thanks for making this video sir...
have you complected the total video without any error?
Very helpful video sir ❤
Really useful tutorial 🎉❤
Thank you so much brother.
Nicely explained
very nice demo of full stack dev
really great explanation
Loved it ❤❤
very informative❣❣❣❣❣
Very helpful video, as beginner gained some confidence and clarity to start
Hamaray bohat maroof Shaks thay zia Mohyu deen .Ap coding kay zia Mohyu deen hain
Amazing tutor❤️
Thank You so much Sir!
thankyou so much brother
Please 🙏🙏 make a video explaining the fetch part with axios.
Easy to update data call function getUsers() when data successfully inserted.
Thankyou sooo much sir
What should i do to handle this error, and i search this error on stack overflow but i didn't get any answer 😢😢
Sir if i put dependency users in useeffect it going to infinite loop 😢😢😢 sir please help me
amazing video
step 1)
create a form template
apply onchange event and handleform function in input
e is argument in handle form function which consoles e.target.value and e.target.name
save this e.target.value and e.target.name in Form Variable using usestate
print Form
Thank you so much 🎉
I got some error...err connection refused and failed to fetch how to resolve it
Thanks!
Sir sab RUclips 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
Which node questions-Koi sample question? Or topic ?
sir is project ko host karka dekhna tha na
please post a video for updating and deleting data
pass form state variable in dependency array so whenever we add any new data then useeffect render and show data
nice
mongodb atlas ka basic video react mongo node connect bna dijiye