No video

How to Build an Infinite Nested Comments System in React JS | System Design + Code

  Рет қаралды 21,488

xplodivity

xplodivity

Күн бұрын

Пікірлер: 50
@xplodivity
@xplodivity Жыл бұрын
Build 16 Medium/Hard JavaScript projects for live coding Interview rounds Get it now- xplodivity.graphy.com/courses/16-js-projects-65883553e4b08ebe75f39885 Full Video Preview of each project from the course- kzfaq.info/get/bejne/mdWKqMZ7qtzXg58.html What you'll get: - Lifetime access - Full video explanations of building each project from scratch - 10+ hours of premium content - Step-by-step explanations and code walkthroughs - No bullshit, No time waste - This project list Should get you ready for any JavaScript live coding interview round. - Extremely cheap (You'll be surprised) - Practical tips and strategies for mastering JavaScript - Confidence in handling technical interviews - Enhanced JavaScript proficiency Content list: 1. File Explorer (similar to vs-code) 2. Infinitely Nested comments 3. Advanced Custom Toast notification from scratch 4. Drag & Drop, Swap, Add and delete elements using JavaScript 5. Custom Calendar/Date-picker 6. Multi-Select dropdown with support to add & remove elements 7. Build a Memory game with all rules integrated 8. Build an analog clock with smooth animation 9. Dynamic Progress bar with custom input support 10. Build a Star rating system with dynamic hover effects 11. Build a tic tac toe game with best practices 12. Advanced To-Do List with Local Storage support 13. Accordion with smooth transition effects 14. Countdown timer & days remaining timer 15. Create a custom modal 16. Build an optimised Chessboard
@saddamansari5223
@saddamansari5223 8 ай бұрын
Great bro
@alirazzaq1541
@alirazzaq1541 4 ай бұрын
@@saddamansari5223 .
@isumtk
@isumtk Жыл бұрын
I was asked this same question in an interview for FE role. Thanks for solving this project.
@maiphan9680
@maiphan9680 6 ай бұрын
hbhb
@AMAN-un7ji
@AMAN-un7ji Жыл бұрын
I love this kind of projects, small but extremely useful. Besides, you understand because a specific topic is emphasized
@xplodivity
@xplodivity Жыл бұрын
And that's exactly why I enjoy making such videos!
@helenagarcia5103
@helenagarcia5103 11 ай бұрын
hola@@xplodivity
@helenagarcia5103
@helenagarcia5103 11 ай бұрын
hola
@jamirahnakkungu8272
@jamirahnakkungu8272 10 ай бұрын
Truly said
@nicolaskorner9351
@nicolaskorner9351 Жыл бұрын
Thanks for creating real world examples. Please keep these going!
@nithinjoji7487
@nithinjoji7487 Ай бұрын
sgsdgsdgsdg
@oscaranillo7131
@oscaranillo7131 10 ай бұрын
This is simple wonderful! Exactly what I was needing for a project!
@RavindraSingh-lp9pl
@RavindraSingh-lp9pl 4 ай бұрын
Superb video man...very knowleadeable. Please make more such machine coding React series.
@merajali938
@merajali938 6 ай бұрын
Video is good but to shorten the video you've added copy pasted code, pls create another video for nested comments and write code online by communicating with us on the video. Your content and type of videos are challenging and helps us learn new concepts as compared to other youtube channels. Thank you.
@utibeokodi4997
@utibeokodi4997 3 ай бұрын
Great article, an improvement would be breaking down the project into more components to adhere to SRP
@Akephalos204
@Akephalos204 Жыл бұрын
Came from Reddit, thanks this is great
@gautamgoyal6301
@gautamgoyal6301 10 ай бұрын
can you give me the link of that subreddit
@pritamhippargekar1840
@pritamhippargekar1840 Жыл бұрын
Verry useful and real time use case sir. Make one more vedio on roled based access menu.
@xplodivity
@xplodivity Жыл бұрын
Thank you. And yes, i will look into it!
@alirazzaq1541
@alirazzaq1541 4 ай бұрын
@@xplodivity .
@HARDY4006
@HARDY4006 Жыл бұрын
Amazing content yet again👍👍👌👌
@jamirahnakkungu8272
@jamirahnakkungu8272 10 ай бұрын
True
@maximus_precladius
@maximus_precladius 6 ай бұрын
@@jamirahnakkungu8272 True
@chahatbhatia90
@chahatbhatia90 9 ай бұрын
I think it can be improved more by adding Context API instead of sending the callbacks using prop drlling.
@rudra4780
@rudra4780 6 ай бұрын
How the f* do you build all this in 20 min while explaining this as well!! Am I the only one tripping over this?
@akir2v568
@akir2v568 4 ай бұрын
thank you GOAT
@Ravi_Goyal
@Ravi_Goyal 11 ай бұрын
In insert node if id is found in first object itself then why are you iterating over rest of the objects also? const insertNode=(comments,id,item)=>{ if(comments.id===id){ comments.items.push(item) return true } else{ for (let obj of comments.items){ if(insertNode(obj,id,item)){ break; } } } } does this make sense?
@macmacmac740
@macmacmac740 7 ай бұрын
I had the same question. The 'map' which is written will still continue to run even after the insertion is done successfully.
@IAmOxidised7525
@IAmOxidised7525 2 ай бұрын
using immer along with state could help with complete UI re-renders ?
@bengternman6
@bengternman6 Жыл бұрын
Hey I just came from r/nextjs you are creating good content. Could you make video how to create hook or api for uploading image or images to cloudinary and deleting them. so for example user can add image to profile, remove it, add new one and so on.
@rayyanabdulwajid7681
@rayyanabdulwajid7681 4 ай бұрын
Don't you think this recursive approach is very inefficient compared to a simple approach. Refer to Nested comments section article by geeks for geeks as they have not used recursion. It is simpler to understand and involves lesser computation as well.
@akrammohammed3581
@akrammohammed3581 6 ай бұрын
Thanks
@sumitbhardwaz
@sumitbhardwaz Жыл бұрын
one question. i want it to implement into my project? i want to comments to stay permanent ? Should i use database for fetching and storing comments there? what is the viable and appropriate way to do this?
@hmehta051
@hmehta051 8 ай бұрын
Use local storage or redux persist
@PRANAVMAPPOLI
@PRANAVMAPPOLI 5 ай бұрын
Nice
@srisaisandeepsandeep1208
@srisaisandeepsandeep1208 2 ай бұрын
good
@satyamgupta1785
@satyamgupta1785 Жыл бұрын
I don't want an infinite nested reply , so what do I do?
@lemon_maho
@lemon_maho Жыл бұрын
I have a question: how would u make this with nested ul and li s so that we get different bullet point shapes for nested ones, I'm kinda struggling to do that, any ideas?
@ican-in2gz
@ican-in2gz 8 ай бұрын
did you solve the problem that you have faced
@lemon_maho
@lemon_maho 8 ай бұрын
@@ican-in2gz yes, I was doing something wrong with my code
@christa_3131
@christa_3131 5 ай бұрын
how do you run it?
@ftheworld2885
@ftheworld2885 Жыл бұрын
if possible then please also integrate rich text editor to the comment and reply box
@SajjadHematiNourani
@SajjadHematiNourani Жыл бұрын
please make the backend as well.
@venkatasuryakiranvudutha3360
@venkatasuryakiranvudutha3360 Жыл бұрын
How to access updated document instead of paying again?
@xplodivity
@xplodivity Жыл бұрын
You will be mailed the updated document. During purchase, you will be asked for your email, and any updates to the book will be sent to that email itself.
@thedungnguyen4440
@thedungnguyen4440 Жыл бұрын
@@xplodivity hhh
@maximus_precladius
@maximus_precladius 6 ай бұрын
@@xplodivity great
@maximus_precladius
@maximus_precladius 6 ай бұрын
great
@ashwinikumar13
@ashwinikumar13 6 ай бұрын
asa
Building a Nested Comments System with React
43:58
Shadee Merhi
Рет қаралды 12 М.
Every React Concept Explained in 12 Minutes
11:53
Code Bootcamp
Рет қаралды 586 М.
WILL IT BURST?
00:31
Natan por Aí
Рет қаралды 30 МЛН
Can This Bubble Save My Life? 😱
00:55
Topper Guild
Рет қаралды 87 МЛН
Люблю детей 💕💕💕🥰 #aminkavitaminka #aminokka #miminka #дети
00:24
Аминка Витаминка
Рет қаралды 674 М.
这三姐弟太会藏了!#小丑#天使#路飞#家庭#搞笑
00:24
家庭搞笑日记
Рет қаралды 103 МЛН
Nostr for Beginners w/ Derek Ross
37:23
NOSTR WORLD
Рет қаралды 101
The Most Legendary Programmers Of All Time
11:49
Aaron Jack
Рет қаралды 553 М.
This is the Only Right Way to Write React clean-code - SOLID
18:23
8 React Js performance optimization techniques YOU HAVE TO KNOW!
11:23
React Building Comments Application
55:57
Monsterlessons Academy
Рет қаралды 71 М.
The correct way to optimise React
11:29
Cosden Solutions
Рет қаралды 32 М.
WILL IT BURST?
00:31
Natan por Aí
Рет қаралды 30 МЛН