Hey, awesome video! I had a lot to learn. I need some help. Initially, the project I'm working on had a 'components' folder containing all the Box, Button, Input, etc. My project simply used those components. We decided to move to a monorepo approach. I successfully used Rollup to create that bundle. The bundle size in its unzipped form is around 132 KB. However, when I include it in our project and import Buttons or Inputs in many files, and try to build this project (since it's also a React library), the bundle size increases exponentially. After replacing all occurrences with component imports and building it, my bundle size increased by 16 MBs. I've tried what I could, but I really need help to resolve this. For now, I've simply marked it as external, but I want to understand the root cause of this problem and how we can fix it. I would really appreciate your help if possible !

nice thanks

Very good explanation I saw 5 videos before watching this video but this is the best explanation ever I seen on yt thank you 👍

Your explanations were very helpful, thanks

cool video thanks

cool concept,any learner who wants to learn just watch the initial demo and try to make it yourself and refer the video later for doubts

Excellent video bro, recently I've done this same kind of task in my company task, very useful video. I've seen your videos are more towards industry level standards tasks. Many utubers are doing only basic videos like todo, note taking that's it. Your channel and content is next level. I'll dedicate this weekend to watch all your videos brother.

Good content, I was thinking of how bandwidth works for websites and your video popped up thanks for beautiful explanation.

16 Intermediate/Advanced JavaScript Projects to Dominate Your Next Technical Interview Get it now- xplodivity.graphy.com/courses/16-js-projects-65883553e4b08ebe75f39885 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

I don't know from where u r directly inserting code from second project. But this made me confusing, like the navigation from one part to another is confusing. Rather u typed the code and scrolled here and there live. That would make the explanation more understandable. Anyway great content❤

„UsedExports: true“ isn‘t necessary anymore , is it?

we can also deep clone an object using const copyedObj = JSON.parse(JSON.stringfy(myObj))

very good and unique content available in the playlist for JavaScript . thanks for the video

thanks for creating this useful content and explanation ✌

Constantly waiting for the drops.... keep em coming

great video thank you very much!

This video is one of the best 😊

Great stuff man

using immer along with state could help with complete UI re-renders ?

Superb channel

Bro add your linkedin or discord

looks like you are teaching stuff beyond coding :P

Hi. Can you please tell me how to add display of icons like lucide to filter buttons? You have one field with a name. I can't figure out how to make two values: "Icon" and "el".

This is called grouping .

who watches his video for his voice?

you explaned it very well , thank vro

Hello sir , I didn’t understand the question 10 , I have confusion inside the function…

great video really informative

how to run this in visual studio pls make a vid i have trying to run from last 2 days plsss di=o it plssss! i am getting so many erros i tried everyhting npm start npm audit npm audit fixes etc to solve issues😭

Great video, thanks!

Loved this video. I've been trying to wrap my head around hooks on Next.js and you've really helped me bring the pieces together

Now make a netherlands trafficlight

Good video . Here's my similar approach, function computeTotalAmount() { let totalAmount = 0; const computeAmount = { thousand: (amt) => { totalAmount += amt * 1000; return computeAmount; }, lacs: (amt) => { totalAmount += amt * 100000; return computeAmount; }, crore: (amt) => { totalAmount += amt * 10000000; return computeAmount; }, value: () => totalAmount, }; return computeAmount; }

Im done with the first project ... the functionality is insane 💯 ..I never thought I could understand such things

Amazing tutorial 🔥

where is the github code ??

hi @xplodivity your tutorial are awesome i want to buy a course can you tell which font and theme are you using or can you send setting.json of your vscode it will be helpful and nice

Is there any way to avoid traffic?

awesome series. please make more such videos on React with more projects

Great ❤

please answer we need code resource

I am here too because of interiview question

Similiar to something like this asked in a interivew and I didn't get it .

we need code source

please put on githb all projecter thanks you so much your time and your education next we waiting to big vidioes

please share your code GitHub link

Very unique and awesome content. Respect ❤❤

nice and thank u

Thank you brother, you are giving a quality content in this video..God bless you 🙂