React Node.js Social Media App Tutorial – MERN Stack App Full Course w/ Hooks – Context API

Creating a MERN social media application using React.js, Node.js, and MongoDB. Build a Real-World Project with React Hooks, Context API, Functional React Components, Node.js REST API, Axios and more. First Part (Creating Node.js Rest API): https://youtu.be/ldGl6L4Vktk Second Part (React Social…

React Node.js Social Media App Tutorial - MERN Stack App Full Course w/ Hooks - Context API

Source

0
(0)

Creating a MERN social media application using React.js, Node.js, and MongoDB. Build a Real-World Project with React Hooks, Context API, Functional React Components, Node.js REST API, Axios and more.

First Part (Creating Node.js Rest API): https://youtu.be/ldGl6L4Vktk
Second Part (React Social Media App UI Design): https://youtu.be/zM93yZ_8SvE

Buy me a coffee: https://www.buymeacoffee.com/lamadev

Source Code: https://github.com/safak/youtube/tree/mern-social-app

Join Lama Dev groups
Facebook: https://www.facebook.com/groups/lamadev
Instagram: https://www.instagram.com/lamawebdev
Discord: https://discord.gg/yKremu4mPr

0:00 Introduction
1:58 Using React Router
16:10 Fetching data with Axios and Hooks
27:22 Fetching user inside useEffect with Axios
34:42 React Context API explained
41:30 Fetching profile data from REST API
54:43 How to use useParams Hook
57:00 How to use Context API
01:12:05 Context API Actions and Reducer
01:17:57 Login system with Context API
01:33:36 React register system with MongoDB
01:40:20 How to use useHistory Hook
01:42:10 Calling current user with Context API
01:46:24 Like and Dislike functionality
01:54:45 POST request with Axios
02:03:18 React Node.js file uploading
02:21:23 Additional arrangements
02:26:10 Fetching user friends from REST API
02:38:52 Follow and unfollow a user
03:00:25 React image upload showing the image
03:05:35 Outro

0 / 5. 0