How To Build A Full Stack Nested Comments System

Описание к видео How To Build A Full Stack Nested Comments System

FREE React Hooks Course: https://courses.webdevsimplified.com/...

If you are wanting to build a complex full stack project then this is the video for you. In this video we will be covering how to setup and connect a backend, database, and React frontend. This is a large and complex project, but is amazing for your resume.


📚 Materials/References:

FREE React Hooks Course: https://courses.webdevsimplified.com/...
GitHub Code: https://github.com/WebDevSimplified/n...
Prisma Video:    • Learn Prisma In 60 Minutes  
Cors Video:    • Learn CORS In 6 Minutes  
Cors Article: https://blog.webdevsimplified.com/202...
React Router Video:    • Learn React Router v6 In 45 Minutes  
React Router Article: https://blog.webdevsimplified.com/202...
React Context Video:    • Learn useContext In 13 Minutes  
React Context Article: https://blog.webdevsimplified.com/202...
Regular Expression Video:    • Learn Regular Expressions In 20 Minutes  


🌎 Find Me Here:

My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon:   / webdevsimplified  
Twitter:   / devsimplified  
Discord:   / discord  
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified


⏱️ Timestamps:

00:00:00 - Introduction
00:01:55 - Prisma database setup
00:13:26 - Server setup
00:21:01 - Connecting the client to the server
00:30:57 - React Router setup
00:33:19 - useAsync custom hook
00:41:58 - Get post server route
00:44:23 - Post context setup
00:50:44 - Render comments
01:09:30 - Comment form component
01:15:45 - Create comment client logic
01:19:15 - Create comment server logic
01:21:21 - User authentication
01:26:00 - Saving comments on the client
01:30:15 - Comment reply logic
01:34:35 - Update comment server logic
01:38:00 - Update comment client logic
01:42:53 - Delete comment server logic
01:43:54 - Delete comment client logic
01:46:23 - User permission UI
01:48:38 - Like comments server logic
01:57:55 - Like comments client logic


#RedditClone #WDS #Fullstack

Комментарии

Информация по комментариям в разработке