Back to Browse

Pass data between React UI and MongoDB Atlas | MERN Tutorial

57.7K views
Oct 25, 2020
36:50

#reactjs #expressjs #merntutorial In this MERN Tutorial we will learn how to pass data between React UI and MongoDB Atlas. We will build a simple app that will allow you to: - post data from React User Interface (Form) to MongoDB Atlas through Node/Express js - get data from MongoDB Atlas to React User Interface through Node/Express js In this video we will be using the following npm packages: - express - mongoose - cors - axios - bootstrap - react-router-dom Prerequisites: I assume you already know how to create separate React Apps, Express Apps, how to create cluster in MongoDB Atlas and how to connect MongoDB Atlas to express server using mongoose. Here is the link to my previous tutorial on MongoDB Atlas: https://youtu.be/nwgQzuRRgec For more, please: Follow me on instagram: https://www.instagram.com/marina_webdev Visit my website which is under continuous improvement: https://musedesigns.tech/hi-im-marina Shop for my programmers merch designs: https://teespring.com/stores/techmuse Thank you so much for watching! I also apologize for the video/sound quality. As soon as reach YouTube targets, I will invest in upgrading my "equipment" =D Equipment used: - MacBook Pro 2019 (https://amzn.to/31keIsC) - iPhone 6s Plus (https://amzn.to/2FJdy1k) - Phone holder with lamp (https://bit.ly/2Eju08g) - Keepword Blogger microphone (https://bit.ly/3aP3mQB) Software used: - Viddyoze video making software (https://bit.ly/3l6wwPT) - iMovie - Keynote - Canva See you in the next video!

Download

1 formats

Video Formats

360pmp456.0 MB

Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.

Pass data between React UI and MongoDB Atlas | MERN Tutorial | NatokHD