Nested Comments in Angular - With Replies and Editing

🧠 1-on-1 Frontend Mentorship (90-min paid session) → https://monsterlessons-academy.com/me...
🎁 Free PDF: Senior Developer Starter Kit (Checklist + 30-Day Plan) → https://monsterlessons-academy.com/ne...
🚀 Go from Middle to Senior Frontend in 12 Weeks → https://monsterlessons-academy.com/co...

Learn how to create comments in Angular. Comments system is a popular feature for any Angular project but it's not easy. In this video we will build comments section from scratch with replying, editing and removing comments functionality. We will use plain Angular and build comments list, single comments and comment form components to implement it correctly.

🛠 Need a video editor?
Contact Ekaterina: ekaterina.kochergina.business@gmail.com

📌 Social
Twitter:   / monster_lessons  
Instagram:   / monsterlessonsacademy  
Facebook:   / monsterlessonsacademy  
Linkedin:   / monsterlessons-academy  
Tiktok:   / monsterlessonsacademy  

📚 References
Source code - https://github.com/monsterlessonsacad...

🕒 TIMESTAMPS
0:00 Introduction
2:51 Creating module
5:55 Current user ID
8:43 Creating interface for comment
9:59 Creating service
13:52 Rendering comments
15:58 Creating comments component
18:04 Markup for comment component
20:26 Creating comments form
23:59 Markup for comments form
28:28 Submitting a form
32:12 Saving a comment
37:01 Actions for comment
46:18 Active comment
52:33 Reply form
01:01:46 Rendering replies
01:05:11 Edit form
01:12:41 Cancel button
01:14:00 Deleting comment

This video is NOT sponsored. Some product links are affiliate links which means if you buy something I'll receive a small commission.