Building a Nested Comments System with React

[@nihilidron]

I was building nested comments at my work today and almost fried my brain.

[@yasirsheikh3680]

I struggle with solving problems like these, it's actually why I'm not able to create projects without watching a tutorial first. However, watching your Reddit video and seeing how you approach problems really helped me a lot. I'm super pumped right now because I did this whole nested comments thing on my own before seeing your solution. Thank you and please do more of these raw-type videos

[@shadmerhi]

Wow, I'm very honoured to hear that I've helped you learn how to approach and independently solve problems! I also appreciate your feedback and will definitely create more raw-type videos 😁

[@thedyslexicwebdev1654]

Well where do you think all people get their info from, you either have a teacher or you have teachers on youtube lol , and nested comments is complicated for beginners, now imagine you have a MERN application with a different structure

[@hacker57]

​@@shadmerhi🎉

[@hacker57]

🎉

[@bishwajeetpandey1570]

Yor explanation was grt , This problem is really tricky now i m trying to solving this problem using vanilla js 😖

[@nitinworldwide]

provide source code

[@theshubhagrwl]

This is actually the best tutorial that I have watched becuase this was real, showing the struggle and confusions that happen while doing something new. I also watched another tutorial on the same topic and it was like an AI generated voice with pasting snippets (like fireship). I like watching the thought process not just code. GREAT WORK!!!

[@wisdomelue]

can we get the source code?

[@andreaswu7973]

great project Shadee. please make the up/downvote functionality and also the backend with supabase/firebase

[@meowmesh]

Bro that's easy if you try it 🙂

[@Jonasgranlof]

Great work! Would love the follow up part with the backend for sure! How would you go about the collapsing features of cancel, for it to collapse to the parent comment, e.g not leave other comments showing when collapsed to first comment?

[@shadmerhi]

Thank you for watching! Glad to hear you're interested in the backend portion - I will try to make that video shortly

[@rounakagarwal1294]

Hey buddy, really appreciate solving this live. This certainly helps on how to approach a problem in steps. However, the solution to update the replies of each comment, by making a separate state on each recurse, doesn't seem very right. I am not sure, can you please provide a bit more explanation for this logic. It sure displays each reply on the UI but is it actually updating the original (main) comments state and persisting it?

[@michaelscofield2469]

Please make a new projects, next13 typescript, redux…, you are good teacher

[@shadmerhi]

New projects coming soon ❤️

[@michaelscofield2469]

@@shadmerhi do you know about testing? react testing lib, jest, cypress ?

[@shadmerhi]

@@michaelscofield2469 Yes, I could make a video about testing, that's a great idea. Thank you

[@michaelscofield2469]

@@shadmerhi please use on a project, you know how to teach

[@TomMeadowsFox]

exactly what im looking for. its such an essential component of reddit!!!! any reason you didnt use chakraUI for this? what are the odds you could make a continuing of the reddit clone with this feature?

[@cheezsan5659]

I have a problem here my previously replied comments are getting added to the new comment instead of the existing comment

[@ftheworld2885]

if possible then please integrate rich text editor to the comment box and reply box

[@swapnilramteke3060]

sir, we miss some functionality like edit and delete can you make video on this

[@lifeisbeautifu1]

Very interesting. Please make the second part for backend. ❤

[@shadmerhi]

Good to know you're interested!

[@bishwajeetpandey1570]

@@shadmerhi yes i am also waiting

[@thunderwave7810]

@@bishwajeetpandey1570 me too

[@thunderwave7810]

testing recusion in youtube comments

[@thunderwave7810]

@@bishwajeetpandey1570 testing recursion

[@sadique_x_]

watched this about 10 times, but i'm glad i grasped it!

[@rikeshsherpa-z5u]

nesting works perfectly fine but when adding a new comment we get an error , it replaces current comment with all its reply begin shifted to newly added comemnt

[@henryteng5191]

Same issue! Did you find a fix?

[@samuelumoh6646]

You're the man. Exactly what I needed.

[@younesouterbah]

super helpful thank u so much man

[@bellyndayikeza4799]

thank very much this really helped me a lot

[@nitinworldwide]

naming gets me more confusion

[@tonyvito5062]

I guess if you named your variables correctly that would make much sense instead of comments you should have named it to replies which means each comment has replies and each reply has replies and so on

[@GhulamQadir-lb6hu]

testing multilevel comment on youtube

[@GhulamQadir-lb6hu]

testing multilevel comment on youtube

[@kennedyfreitas7548]

Shadee coming in clutch again

[@innocentoyebode7548]

Hi Shad, This is really great. Thanks for helping out.

[@shadmerhi]

Glad it was helpful!

[@yourdailyanimalfact]

did you ever make a backend video?

[@shadmerhi]

I have not

[@yourdailyanimalfact]

@@shadmerhi it would be so cool if u knew how to integrate this with something like supabase

[@shadmerhi]

@@yourdailyanimalfact That would be cool! I'll definitely consider it 😁