Build a Multi Level dropdown with Infinite nesting in React js

แชร์
ฝัง
  • เผยแพร่เมื่อ 22 ต.ค. 2024

ความคิดเห็น • 16

  • @xplodivity
    @xplodivity  4 หลายเดือนก่อน

    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- th-cam.com/video/coZucJEvsSk/w-d-xo.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

  • @Jewelvideo56
    @Jewelvideo56 9 หลายเดือนก่อน +1

    Thanks very much. I loved the event propagation very much.

  • @rahulanand09
    @rahulanand09 9 หลายเดือนก่อน +2

    Make video on typescript bro and thankyou for quality content

  • @oluwatoyinj8991
    @oluwatoyinj8991 6 หลายเดือนก่อน

    This came in handy for me today. Thank you🙏🙏

  • @godofwar8262
    @godofwar8262 9 หลายเดือนก่อน +3

    A roadmap video on typescript for beginners to advanced because no proper video is available on yt

    • @xplodivity
      @xplodivity  9 หลายเดือนก่อน +2

      Alright, thanks for informing. I am indeed planning to roll out typescript videos soon.
      No worries

  • @devgauravjatt
    @devgauravjatt 9 หลายเดือนก่อน +2

    Super 👍 bro make video on bun 0:44

    • @xplodivity
      @xplodivity  9 หลายเดือนก่อน +1

      Sure, will make an in-depth video on bun.

  • @rayyanabdulwajid7681
    @rayyanabdulwajid7681 7 หลายเดือนก่อน

    I have managed to do this without css checkbox or javascript with the help of html details and summary tag. Can i use that approach in interview round?

  • @danielvnzla6278
    @danielvnzla6278 8 หลายเดือนก่อน +2

    The approach you've taken to toggle the submenu visibility by directly manipulating the DOM using style.display is generally not recommended in React. Directly manipulating the DOM like this breaks the concept of React's declarative approach and can lead to unexpected behavior, especially when dealing with re-renders and component lifecycle.

  • @NwaguEkene
    @NwaguEkene 7 หลายเดือนก่อน

    How do you style the submenu with CSS

  • @hyperpocket.
    @hyperpocket. 6 หลายเดือนก่อน

    How do I automatically close the menu and submenu when opening another menu and submenu?

  • @Userkazt
    @Userkazt 5 หลายเดือนก่อน

    how you can target ul?

  • @Cazado20C
    @Cazado20C 6 หลายเดือนก่อน

    Thanks for this video. Muchas gracias.

  • @MarlonEnglemam
    @MarlonEnglemam 6 หลายเดือนก่อน

    Thanks for this video, it helped me a lot.

  • @kashmirtechtv2948
    @kashmirtechtv2948 7 หลายเดือนก่อน

    You are using imperative style