How to Save React Form Data to MongoDB Database | React JS Hook Form POST Submission to Backend API

In this tutorial video you will learn how to do react bootstrap redux form validation, post / send form data using axios, redux-thunk, dispatch redux action creator, create redux reducer from React to NodeJS backend API endpoint on Express server, perform server side form input validation, error handling and save data in MongoDB Database and access redux store state, and redirect on successful form submission. In this example we will be coding a real life project and handle ReactJS Form submit. We will be using react hooks, react bootstrap, redux, axios, mongoose, mongoose schema, user model, react js user sign up / registration form, nodejs api, api post data useState hooks, useEffect, useSelector, useDispatch, react-router-dom useNavigate, mern stack and more/ #reactjs #api #post #mongodb #form #axios #javascript #mern

[just_drive_GT]

grateful to have found your channel, your code is actually set up EXACTLY like mine which is very rare to find. This has made everything in your videos very easy to understand and implement. Super lucky to have found your channel thank you.

[shulamohammad]

Really a good and informative video. keep it up!

[poojadhas]

Can you please do a video on how to show this data saved in MongoDB on frontend of website as a table of users. Really appreciate this video exacty what I needed.✌🤩

[akibmulla]

Hey,
Your videos are so helpful.
I'm requesting you can you please make a video on "How to fetch data from mongodb and display it into the table".

[fahadmuhammadkhan]

can you please provide source code as well?

[adityapratapsingh]

the vidio is perfect can you share gitlink

[sarahlink]

great video, does this method still work if our form input fields are dynamic which means that a user chooses how many input fields there will be, with perhaps different labels from a user to another
for example : user 1 adds a field called name and another called age and clicks submit ;
user 2 adds a field called favcar and favcolor and clicks submit,
i was wondering how i can exactly fetch the data from this form since it's not static, it's for a project i'm working on and thank you .

[benjamincleek]

dude, that intro music blew my ears out. bring your dialog up or turn that music down. good video other than that.

[md.abdullah-al-mamun]

Where is the source code? I cannot see any github link. Plz add github link here. Thanks

[jackepner]

Volume, man.... I have my computer and YouTube all turned to 100% volume, and it's still quiet.

[bwbs]

The intro music is way too loud compared to your mic audio.

[anamatei]

Could you please share the source code ? Thank you if you see this comment :)

[surfingwave]

This tutorial is almost worthless without providing the source code. Please provide the source code, especially for the userActions, userConstants, etc, etc.