React - How To Build A Full Stack Nested Comments System

Discover React Mastery: From Essential Concepts to Advanced Hooks, Master React Development with Real-World Projects and Boost Your Skills in Record Time!

4.0 (0)

12 learners

What you'll learn

Understand the fundamental concepts of React, including components and hooks.
Differentiate between React state and props and their respective uses.
Build and enhance web applications using React, including implementing features like infinite scrolling and currency conversion.
Apply React best practices to optimize application performance and debugging processes.

This course includes

43.3 hours of video
Certificate of completion
Access on mobile and TV

Summary

Keywords

webdevsimplified reddit clone threaded comments nested comments reddit comments clone threaded comments js nested comments js

Full Transcript

FREE React Hooks Course: https://courses.webdevsimplified.com/react-hooks-simplified 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/react-hooks-simplified GitHub Code: https://github.com/WebDevSimplified/nested-comments Prisma Video: https://youtu.be/RebA5J-rlwg Cors Video: https://youtu.be/PNtFSVU-YTI Cors Article: https://blog.webdevsimplified.com/2021-05/cors React Router Video: https://youtu.be/Ul3y1LXxzdU React Router Article: https://blog.webdevsimplified.com/2022-07/react-router React Context Video: https://youtu.be/5LrDIWkK_Bc React Context Article: https://blog.webdevsimplified.com/2020-06/use-context Regular Expression Video: https://youtu.be/rhzKDrUiJVk 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses: https://courses.webdevsimplified.com Patreon: https://www.patreon.com/WebDevSimplified Twitter: https://twitter.com/DevSimplified Discord: https://discord.gg/7StTjnR 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

Continue this lesson in the app

Install CourseHive on Android or iOS to keep learning while you move.

Welcome