No video

Build a Multi Level dropdown with Infinite nesting in React js

  Рет қаралды 4,842

xplodivity

xplodivity

Күн бұрын

Learn how to build a Multi-Level dropdown with Infinite nesting in React js.
Github code- github.com/xpl...
Build 16 Medium/Hard JavaScript projects for live coding Interview rounds
Get it now- xplodivity.gra...
Full Video Preview of each project from the course- • Build 16 Medium/Hard J...
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

Пікірлер: 16
@xplodivity
@xplodivity 2 ай бұрын
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
@oluwatoyinj8991
@oluwatoyinj8991 4 ай бұрын
This came in handy for me today. Thank you🙏🙏
@devgauravjatt
@devgauravjatt 7 ай бұрын
Super 👍 bro make video on bun 0:44
@xplodivity
@xplodivity 7 ай бұрын
Sure, will make an in-depth video on bun.
@Jewelvideo56
@Jewelvideo56 7 ай бұрын
Thanks very much. I loved the event propagation very much.
@godofwar8262
@godofwar8262 7 ай бұрын
A roadmap video on typescript for beginners to advanced because no proper video is available on yt
@xplodivity
@xplodivity 7 ай бұрын
Alright, thanks for informing. I am indeed planning to roll out typescript videos soon. No worries
@danielvnzla6278
@danielvnzla6278 6 ай бұрын
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.
@MarlonEnglemam
@MarlonEnglemam 4 ай бұрын
Thanks for this video, it helped me a lot.
@rahulanand09
@rahulanand09 7 ай бұрын
Make video on typescript bro and thankyou for quality content
@Cazado20C
@Cazado20C 4 ай бұрын
Thanks for this video. Muchas gracias.
@hyperpocket.
@hyperpocket. 4 ай бұрын
How do I automatically close the menu and submenu when opening another menu and submenu?
@rayyanabdulwajid7681
@rayyanabdulwajid7681 5 ай бұрын
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?
@Userkazt
@Userkazt 3 ай бұрын
how you can target ul?
@user-ek7zc7cf9d
@user-ek7zc7cf9d 5 ай бұрын
How do you style the submenu with CSS
@kashmirtechtv2948
@kashmirtechtv2948 5 ай бұрын
You are using imperative style
Every React Concept Explained in 12 Minutes
11:53
Code Bootcamp
Рет қаралды 571 М.
This is the Only Right Way to Write React clean-code - SOLID
18:23
لااا! هذه البرتقالة مزعجة جدًا #قصير
00:15
One More Arabic
Рет қаралды 51 МЛН
Они так быстро убрались!
01:00
Аришнев
Рет қаралды 3,2 МЛН
Библиотека компонентов Material UI. Быстрый старт
48:59
Михаил Непомнящий
Рет қаралды 82 М.
Build a Reusable Component in React (Shadcn/ui, Tailwind)
19:08
Cosden Solutions
Рет қаралды 23 М.
How To Debug React Apps Like A Senior Developer
21:07
Web Dev Simplified
Рет қаралды 122 М.
This React Drag and Drop Component Is Magic
9:56
developedbyed
Рет қаралды 87 М.
The most popular CSS interview question (Holy grail layout)
8:57
Multiple List Drag and Drop in React [Easiest Way]
22:03
Code Bless You
Рет қаралды 14 М.
Advanced Sortable Drag and Drop with React & TailwindCSS
21:12
Tom Is Loading
Рет қаралды 43 М.
React Js Countdown Timer made easy
11:23
xplodivity
Рет қаралды 9 М.
لااا! هذه البرتقالة مزعجة جدًا #قصير
00:15
One More Arabic
Рет қаралды 51 МЛН