Pass Data From MongoDB to React Modal | MERN Tutorial

#reactjs #nodejs #javascripttutorial
Hey guys!
Today we are going to build quite an ugly app but we will:
1) create data and save to MongoDB Atlas
2) pass this data from Node js to React frontend
3) Render the data via Bootstrap Modal
Hope you'll enjoy it!
here's a git repo: github.com/mar...
Follow me on Instagram for more content: / marina_webdev

[@matt112fly]

wow, this was amazing to watch.. especially how you write the react/js logic - im impressed!

[@marinakim2929]

thank you so much =)

[@jornblaedelgarbosa8458]

Its nice when you create tutorials where you haven't figured out the errors as it also helps us viewers whenever we encounter those errors in different projects

[@marinakim2929]

Thank you so much)) that was my idea and I'm happy you think the same🥰

[@matt112fly]

You are very good at this 👍 I was looking all over youtube for how to display data into html or react from mongodb and nothing... only your videos were useful - appreciate your help

[@matt112fly]

how did you learn this if you're fine with sharing?

[@marinakim2929]

@@matt112fly thank you so much for your feedback)) I was hoping to make a short video of how I became a developer, what do you think it would be useful for people?)

[@matt112fly]

@@marinakim2929 yes, why not? you seem pretty smart and experienced in terms of web dev - so people who aspire to be like you could learn how you did it

[@marinakim2929]

@@matt112fly thank you)) yes, I’ll do it 😃

[@melchizedek79]

@@marinakim2929 Hey Marina, am waiting for the video too. Have you launched it?

[@PhanTanThangTH]

Long time no see! Happy to see you again :)

[@addiseshetu1532]

I like your style. Well done!

[@marinakim2929]

Thank you so much)

[@martinaborgeh8971]

Your video was amazing, you gained one subscriber😎

[@marinakim2929]

Thank you sooo much =)

[@kadeus]

you made my day Merci!

[@gabrielemarino1360]

27:30 ish
It was logging undefined because you didn't explicitly return res.json() and the then after it was not receiving it. Deleting curly braces it means your return is implicit and so it returns the data.
So short version: if you use curly braces you need to use return in order to return data, if you don't use curly braces, it means whatever is written after it is the return. It is just an arrow function shorthand
I also prefer the entire process but I don't mind either choice so do whatever you prefer or both

[@marinakim2929]

Wow Gabriele)) thanks so much, you made it quite clear for the long run 🙃🙃

[@gabrielemarino1360]

@@marinakim2929 glad I finally helped somehow 😁

[@nunopalomino]

thanks, that helped me a lot :)

[@kishorkc2908]

Thank you for creating awesome tutorial and It give me idea to do more❤️

[@zaidane3225]

Thank you very much for the tutorial, you helped a lot !

[@kimdonothing8227]

🤩

[@mohamedyoussef8835]

Awesome explanation ++++++++++++++++++++++++ thank you

[@bryanfreitas2609]

Nice vid

[@muhammadjunaid6347]

nice

[@TC-gv9fs]

You forgot to link you github repo !

[@marinakim2929]

Already did))

[@ЯнЛатишев]

Галина пароль 1234аа ору🤣 сразу понял что что-то не так

[@marinakim2929]

😂он бесполезен без ключей

[@ЯнЛатишев]

Ай , та я не про это , прост подумал что вы русскоговорящая , по произношению были немного подозрения , но папка ещё больше намёк дала

[@ЯнЛатишев]

Ааа, если вы с Казахстана странно что вы всё ведёте на англ , даже медиа . Но это респект 👍

[@marinakim2929]

@@ЯнЛатишев спасибо 😄на русском только тикток пока, потом может курсы запущу

[@ЯнЛатишев]

@@marinakim2929 норм, успехов тогда 👍

[@galinakim7714]

You are amazing 🎉❤