React Node.js Full Stack Blog App Tutorial | MERN Stack APP Full Course
MERN Stack blog app project. How to create a full-stack app using React, Node.js, and MongoDB. MERN tutorial using React Hooks and Context API for beginners.
You are watching the last part (3rd). Here are the previous parts.
First Part (Design): https://youtu.be/tlTdbc5byAs
Second Part (Node.js API): https://youtu.be/OML9f6LXUUs
Buy me a coffee: https://www.buymeacoffee.com/lamadev
Source Code: https://github.com/safak/youtube/tree/mern-blog-app
Join Lama Dev groups
Facebook: https://www.facebook.com/groups/lamadev
Instagram: https://www.instagram.com/lamawebdev
Twitter: https://twitter.com/lamawebdev
Discord: https://discord.gg/yKremu4mPr
0:00 Introduction
1:58 React.js how to fetch data from backend
05:40 Displaying all posts on the homepage
8:32 React router dom using dynamic link
11:12 Fetching single post using Axios
14:32 Fetching all categories
16:44 How to use query in Axios
21:47 React Node.js Register System
30:56 Why we are using Context API
32:35 React Context API Best Practise
44:30 React Node.js Login System
50:10 Using Local Storage with Context API
53:53 How to use current user with Context API
55:05 React Logout using Context API
59:10 Creating new post using Axios
01:01:55 React upload file to the Node.js server
01:11:55 React delete post
01:17:51 React update post
01:28:22 Updating user using Context API
01:46:38 Outro
Видео React Node.js Full Stack Blog App Tutorial | MERN Stack APP Full Course канала Lama Dev
You are watching the last part (3rd). Here are the previous parts.
First Part (Design): https://youtu.be/tlTdbc5byAs
Second Part (Node.js API): https://youtu.be/OML9f6LXUUs
Buy me a coffee: https://www.buymeacoffee.com/lamadev
Source Code: https://github.com/safak/youtube/tree/mern-blog-app
Join Lama Dev groups
Facebook: https://www.facebook.com/groups/lamadev
Instagram: https://www.instagram.com/lamawebdev
Twitter: https://twitter.com/lamawebdev
Discord: https://discord.gg/yKremu4mPr
0:00 Introduction
1:58 React.js how to fetch data from backend
05:40 Displaying all posts on the homepage
8:32 React router dom using dynamic link
11:12 Fetching single post using Axios
14:32 Fetching all categories
16:44 How to use query in Axios
21:47 React Node.js Register System
30:56 Why we are using Context API
32:35 React Context API Best Practise
44:30 React Node.js Login System
50:10 Using Local Storage with Context API
53:53 How to use current user with Context API
55:05 React Logout using Context API
59:10 Creating new post using Axios
01:01:55 React upload file to the Node.js server
01:11:55 React delete post
01:17:51 React update post
01:28:22 Updating user using Context API
01:46:38 Outro
Видео React Node.js Full Stack Blog App Tutorial | MERN Stack APP Full Course канала Lama Dev
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![React Blog Website Design Tutorial | React UI Full Course for Beginners](https://i.ytimg.com/vi/tlTdbc5byAs/default.jpg)
![Learn The MERN Stack [8] - Prepare & Deploy](https://i.ytimg.com/vi/71wSzpLyW9k/default.jpg)
![Node.js Blog App REST API with MongoDB](https://i.ytimg.com/vi/OML9f6LXUUs/default.jpg)
![Realtime Chat App with React, Node.js, Socket.io | MERN Stack Messenger Clone](https://i.ytimg.com/vi/HggSXt1Hzfk/default.jpg)
![5 Ways to DevOps-ify your App - Github Actions Tutorial](https://i.ytimg.com/vi/eB0nUzAI7M8/default.jpg)
![MERN Stack Course - ALSO: Convert Backend to Serverless with MongoDB Realm](https://i.ytimg.com/vi/mrHNSanmqQ4/default.jpg)
![Deploy and Host a Fullstack MERN Application Tutorial In Heroku and Netlify](https://i.ytimg.com/vi/Z_D4w6HmT8k/default.jpg)
![How To Mine Ethereum & Make Money 2021 Tutorial! (Setup In 10 Minutes Guide)](https://i.ytimg.com/vi/FR2ew-L4AsQ/default.jpg)
![React JS Course for Beginners - 2021 Tutorial](https://i.ytimg.com/vi/nTeuhbP7wdE/default.jpg)
![Build A Restful Api With Node.js Express & MongoDB | Rest Api Tutorial](https://i.ytimg.com/vi/vjf774RKrLc/default.jpg)
![How to deploy a MERN Stack App to Heroku](https://i.ytimg.com/vi/5PaUiPyBDJY/default.jpg)
![1/7 - Blog Application | Mern Stack Project | React, Node, Express & MongoDB](https://i.ytimg.com/vi/Ay00797764M/default.jpg)
![GraphQL Crash course | easy way](https://i.ytimg.com/vi/_Zss2Mbz4Bs/default.jpg)
![Build and Deploy a Google Maps Travel Companion Application | React.js](https://i.ytimg.com/vi/UKdQjQX1Pko/default.jpg)
![React Admin Dashboard Tutorial | React Admin Panel Design Course for Beginners](https://i.ytimg.com/vi/aTPkos3LKi8/default.jpg)
![🚀 #41: How to Deploy (Host) MERN Stack App on Heroku For Free in 2021](https://i.ytimg.com/vi/7il2CrBA5VY/default.jpg)
![1/9 - Flipkart Clone | Mern Stack Project | ECommerce Website | React, Node, Express & MongoDB](https://i.ytimg.com/vi/fKY_Gad6zeE/default.jpg)
![React Crash Course for Beginners 2021 - Learn ReactJS from Scratch in this 100% Free Tutorial!](https://i.ytimg.com/vi/Dorf8i6lCuk/default.jpg)
![React & Node Tutorial - Full ECommerce in 9 Hours [2021]](https://i.ytimg.com/vi/TRCDsB9i3bI/default.jpg)
![React Netflix Movie App Design Tutorial | React UI Full Course for Beginners](https://i.ytimg.com/vi/FzWG8jiw4XM/default.jpg)