watermark logo

0 Views· 16 August 2022

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

Advertisement


NidaCarner
Subscribers

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/youtu....be/tree/mern-social-

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

Show more


Up next

Advertisement


0 Comments