Пікірлер
@ankushladani496
@ankushladani496 Күн бұрын
Your explaination to every question is just lit...🔥💯
@DevtoolsTech
@DevtoolsTech Күн бұрын
Thanks! 🙌🏼🙏🏻
@ankushladani496
@ankushladani496 Күн бұрын
@@DevtoolsTech Can we have a live sessions like these on discord? It will be more helpful for us 😊😀
@ankitagarwal4914
@ankitagarwal4914 2 күн бұрын
Thank you! I am learning the way how you are explaining tradeoffs why to DS to choose , explaining technicalities
@DevtoolsTech
@DevtoolsTech 2 күн бұрын
Glad to hear that! 🙏🏻
@akshat2808bspr
@akshat2808bspr 2 күн бұрын
function cal(num) { this.result = num; } cal.prototype.add = function (num) { this.result += num; return this; } cal.prototype.sub = function (num) { this.result -= num; return this; } cal.prototype.val = function () { console.log(this.result) return this; } Here's my solution returning this object after the operation is done in the function. Returning this makes us able to call the function which is defined for the instance of the cal.
@DevtoolsTech
@DevtoolsTech 2 күн бұрын
Thanks for sharing!
@johncena-qr4yg
@johncena-qr4yg 2 күн бұрын
16:40. you can use default vscode option to organize import and remove unused import. press F1 and type organize import then press Enter
@DevtoolsTech
@DevtoolsTech 2 күн бұрын
I will try. Thanks for sharing!
@mumarqayyum9286
@mumarqayyum9286 2 күн бұрын
Please make more videos like these. Despite being a developer with 3 years of experience, I have literally learned at least 3 to 4 new things in just 26 minutes of absolutely smooth explanation.
@DevtoolsTech
@DevtoolsTech 2 күн бұрын
Glad to hear that! More videos coming soon! 🚀
@shubhamverma3873
@shubhamverma3873 2 күн бұрын
I learned something new, today.
@DevtoolsTech
@DevtoolsTech 2 күн бұрын
Glad to hear that! 🙌🏼
@ankushladani496
@ankushladani496 3 күн бұрын
Thanks Bhaiya...❤😊
@DevtoolsTech
@DevtoolsTech 3 күн бұрын
You are welcome! ♥️
@mohnishsawlani
@mohnishsawlani 3 күн бұрын
experience level for this interview round ?
@DevtoolsTech
@DevtoolsTech 3 күн бұрын
SDE 1/SDE 2
@ashmeetsingh3238
@ashmeetsingh3238 3 күн бұрын
I did not think of using event delegation and attributes to record which box is clicked 😅😅😅. Awesome video
@DevtoolsTech
@DevtoolsTech 3 күн бұрын
Glad to see you learnt something new today! 🙌🏼
@MrTyagi-rr9vg
@MrTyagi-rr9vg 4 күн бұрын
in my opinion, using setInterval instead of setTimeout may be better option, and clear the interval when all the card deselection completed.
@DevtoolsTech
@DevtoolsTech 4 күн бұрын
Both works in this case. Thanks for the suggestion!
@bikidas5473
@bikidas5473 5 күн бұрын
? was it to be solved using a ui framework or plain JS dom mainpulation will work?
@DevtoolsTech
@DevtoolsTech 5 күн бұрын
Question was asked using React.js but could be solved with Vanilla JS.
@Manoj-qn3qw
@Manoj-qn3qw 5 күн бұрын
Was really helpful and think I learnt something new, thank you !
@DevtoolsTech
@DevtoolsTech 5 күн бұрын
Glad to hear that! 🙌🏼
@syncmaster320
@syncmaster320 5 күн бұрын
Hey man! Thanks for another great video. I had a few questions here: 1) Why flatten the array? The 2D array provided might have the row and column details but when you flatten, you might lose that and is being hard coded to 3 columns and n rows. 2) Using of non-primitive data structures in the dependency array, wouldn't it defeat the purpose of memorizing? Also, I left you a message on reddit yesterday, I just wanted to thank you for the platform and the videos!
@DevtoolsTech
@DevtoolsTech 5 күн бұрын
I wanted to simplify the problem that is why flatten it. Ideally, it should be configurable and no hard coded CSS. Columns count should change as per the data. If you mean selected then we need an effect whenever it changes. It is a state and unless explicitly changed, we will get the same value across re-renders.
@nonish_9
@nonish_9 5 күн бұрын
Thanks for this types of videos and questions. also you well explained ✌✌
@DevtoolsTech
@DevtoolsTech 5 күн бұрын
More coming soon! 🙌🏼
@DevtoolsTech
@DevtoolsTech 5 күн бұрын
Question link: devtools.tech/questions/s/how-to-create-an-interactive-shape-based-ui-uber-frontend-interview-question-or-javascript-or-react-js---qid---6FVH1ZMWMXd4uZ8WAGEi Best coding practices: kzbin.info/www/bejne/b5iUo4yNf9upsLssi=3KR-lnNf7GCcE_RU Other top questions -- LinkedIn: kzbin.info/www/bejne/bJbYhXWMeah3bNE Facebook: kzbin.info/www/bejne/bXWtdKOdmJuJb5Y Atlassian: kzbin.info/www/bejne/aYDbfqakhZxrsMk Klarna: kzbin.info/www/bejne/hqrCk4ugiLKsisU MakeMyTrip: kzbin.info/www/bejne/r3nKYZWsg9Z9e7M Microsoft: kzbin.info/www/bejne/f6eUmI2EbpVjq8U AWS: kzbin.info/www/bejne/hnfSYo2Hd9tnnqM Custom Loader: kzbin.info/www/bejne/e2GUiZd6hsyteq8 Practice with us: topmate.io/yomeshgupta
@AdityaSharan811
@AdityaSharan811 12 күн бұрын
we want a series on it. Kudos to content bro !
@DevtoolsTech
@DevtoolsTech 12 күн бұрын
Thanks! Will share more soon! 🙌🏼
@VivekChavan-ov3pl
@VivekChavan-ov3pl 12 күн бұрын
Sir, I recently gave an interview where I solved the reactjs coding question he given, but he pointed out my code quality. After I have gone through many open source projects structures, do you any other suggestions for me ?
@DevtoolsTech
@DevtoolsTech 12 күн бұрын
Hi, not really. These things we learn by experience or by mentorship from others.
@VivekChavan-ov3pl
@VivekChavan-ov3pl 12 күн бұрын
So much value. Do you have any document which consists all these best practices and some more or any resource or blog you refered for these ? Want more such videos. Next video ideas : 1 mock interview on reactjs ,where you will guide fresher through these mistakes 2. designing a small npm package live in 1 hour, with no preparation before hand
@ayaniegain
@ayaniegain 12 күн бұрын
python django + react js how is the job market?
@DevtoolsTech
@DevtoolsTech 12 күн бұрын
Not sure about this combo. There are jobs for React.js as far as I know.
@ayaniegain
@ayaniegain 12 күн бұрын
@@DevtoolsTech react and node js ?
@sagyr
@sagyr 13 күн бұрын
Even though market is tough im still bullish on frontend. Currently upskilling myself thanks for your videos.
@user-so6no8mi2z
@user-so6no8mi2z 13 күн бұрын
great explanation, keep up the consistency !
@DevtoolsTech
@DevtoolsTech 13 күн бұрын
Thanks! ♥️
@AnkitGupta-lr1qq
@AnkitGupta-lr1qq 15 күн бұрын
Great explanation. Wondering if it'd be better to throw OR return something like NaN instead of 0 inside the multiple method when the array length is 0. 0 might be a valid return value as well and doesn't distinguish enough from an edge case (like the empty array)
@DevtoolsTech
@DevtoolsTech 14 күн бұрын
Valid point. This is also a discussion point with interview about what is the expected behaviour. I agree that 0 is a valid output. However, we need to make a decision that should we break the application by throwing an error or return 0 that shows like a default output as for user if the application breaks then that is a really bad experience.
@jithendra16
@jithendra16 18 күн бұрын
Can you please make a video on how to write regex expressions Also any explanation on why did you use prototype to find whether that index is present? It will be helpful
@DevtoolsTech
@DevtoolsTech 18 күн бұрын
Thanks for the suggestions! I will include it in future videos!
@sujalgupta6100
@sujalgupta6100 19 күн бұрын
Hi Yomesh, is there any video of yours for guiding for prep for interview like from JS Topics to cover + What concepts/kind of questions one must prepare as there are so many of them. Some folks keep posting huge list of JS concepts + Output based questions + Polyfill based questions + Any component implementation like Chip or OTP form etc. What to prepare form all of them ? Or maybe how much, it feels way too much.
@DevtoolsTech
@DevtoolsTech 19 күн бұрын
Hey, I don't have curated list. This is too big so any list will become big eventually. I will try to create something already it ajd share soon!
@gantavyasaraswat2130
@gantavyasaraswat2130 21 күн бұрын
Simple solution without using Recursion function countNumbers(collection) { let count = 0; let newArr = collection.flat(Infinity); for(let i =0;i<newArr.length;i++){ if(typeof newArr[i]==="number"){ count+=1; } } return count; };
@DevtoolsTech
@DevtoolsTech 21 күн бұрын
Yes, it is one of the ways do it. Thanks for sharing!
@omnikingomniking6412
@omnikingomniking6412 21 күн бұрын
Really appreciated bro🙏
@DevtoolsTech
@DevtoolsTech 21 күн бұрын
Thank you!
@anujtiwari7218
@anujtiwari7218 21 күн бұрын
Tried a question got an approach .The way you write a code it is worth learning . Thanks sir ..
@DevtoolsTech
@DevtoolsTech 21 күн бұрын
Glad to hear that! 🙌🏼
@sarang1040
@sarang1040 25 күн бұрын
I'm not sure whether this code works with multiple subscriptions on the same instance with the same function name??
@DevtoolsTech
@DevtoolsTech 25 күн бұрын
Can you share a code example where it is failing?
@DevtoolsTech
@DevtoolsTech 26 күн бұрын
Try the challenge here: devtools.tech/questions/s/how-to-create-a-loading-animation-or-frontend-coding-challenge-or-react-js-or-javascript---qid---8W49gsfYuifkYlgXgY46 Practice with me: topmate.io/yomeshgupta
@nabeel-shakeel
@nabeel-shakeel 29 күн бұрын
It was really helpful. Thanks for sharing
@DevtoolsTech
@DevtoolsTech 29 күн бұрын
More to come! 🙌🏼
@rajrishij1234567890
@rajrishij1234567890 29 күн бұрын
do u have a series on it.??
@DevtoolsTech
@DevtoolsTech 29 күн бұрын
Yes. Check out the following videos kzbin.info/www/bejne/nZeYY4qendR8itksi=5ngtjyIjWdKBUJdf kzbin.info/www/bejne/gXrSp4qrbKl9hZIsi=VvpfGI5asODoaKSU
@meghabathla7167
@meghabathla7167 Ай бұрын
I love watching your video, but your voice is quite low. It isn't easy to listen without headphones. Anyway, Thanks for the amazing content!!
@DevtoolsTech
@DevtoolsTech Ай бұрын
Thanks for the feedback. I will keep in mind for the next time!
@archanoidtalks9393
@archanoidtalks9393 Ай бұрын
What advice would you give to someone who is currently not working in Frontend but wants to switch to frontend domain. How should he approach and prepare ?
@DevtoolsTech
@DevtoolsTech Ай бұрын
Start with basics. Learn the fundamentals of the domain i.e. HTML, CSS, and JavaScript. You need working knowledge to build something. Understand bthe basic concepts from online resources then start building small apps i.e. Todo/Weather app/Login page/something else. One you have some confidence pick up a bigger tasks and start with any UI framework like React, Angular, Sevlte, or likes. Start and be consistent.
@archanoidtalks9393
@archanoidtalks9393 Ай бұрын
@@DevtoolsTech I had done all above things. Learnt html, css, js, react. Project building is left. I wanted to ask whether companies will consider camdidate like me solely based on personal prpject or there is something else i should grind one
@DevtoolsTech
@DevtoolsTech 29 күн бұрын
It would be a bit tough initially. Start with internships or freelance work. You are as good as a college graduate so competition is high and it comes down to visibility and profile building.
@archanoidtalks9393
@archanoidtalks9393 29 күн бұрын
@@DevtoolsTech Is internships not moonlighting with current job ?
@IshikaAgarwal-bh4ry
@IshikaAgarwal-bh4ry Ай бұрын
How do we decide when to use useMemo? Because I'm not sure if it's a good practice to wrap every child component with useMemo. For useCallback, it's clear. Thanks for the video!
@DevtoolsTech
@DevtoolsTech Ай бұрын
If there is a value inside your component that is computed on every render but it shouldn't be then you can opt for useMemo. If you have a state that changes some trigger such as user action and based on the state you are computing a config then opt for useMemo. A component can re-render due to other states or props change but config is only computed if a certain state is changed so memoisation would be helpful.
@DebopriyoBasu
@DebopriyoBasu Ай бұрын
Thanks for clearing the event loop concept!
@pratikwadekar4981
@pratikwadekar4981 Ай бұрын
1 7 3 5 2 4 6
@front-end-world
@front-end-world Ай бұрын
Thanks for the detailed video yomesh
@DevtoolsTech
@DevtoolsTech Ай бұрын
You are welcome! More coming soon. 🚀
@user-ri8oc3yg4x
@user-ri8oc3yg4x Ай бұрын
1 7 3 5 2 4 6
@DemystifyFrontend
@DemystifyFrontend Ай бұрын
Excellent 👍
@DevtoolsTech
@DevtoolsTech Ай бұрын
Thank you!
@trivedi2690
@trivedi2690 Ай бұрын
i.ve 2 year of exp. in mern stack ,70% react 30% nestjs , is it good time to switch to completely backend casue reactjs market is kind of saturated and backend is kind of forever thing what is your opinion on this yomesh ?
@DevtoolsTech
@DevtoolsTech Ай бұрын
There is no right or wrong time. Yes, market is getting saturated so you can learn complimentary skills to your fronend expertise. Give it a try and see if you like BE. Interviews are comparatively tougher for backend/fullstack.
@casull6447
@casull6447 Ай бұрын
great video ! thank you
@amanraina5812
@amanraina5812 Ай бұрын
Great video. Please make more videos on such questions
@DevtoolsTech
@DevtoolsTech Ай бұрын
Will do. Thanks!
@DevtoolsTech
@DevtoolsTech Ай бұрын
Understand Event Loop in JavaScript: kzbin.info/www/bejne/gXrSp4qrbKl9hZI Learn with us: topmate.io/yomeshgupta Practice for frontend interview: devtools.tech
Ай бұрын
Hi sir, I've worked for over a year in Angular 2+ (the latest version being 14 or 15 at that time). Recently, I transitioned to a better startup, but they're using AngularJS. I'm concerned that working with AngularJS might not be beneficial for my learning and career growth. In the long term, I aim to remain in the frontend domain and secure opportunities in larger product-based companies. Could lacking experience in React/Next.js or working with AngularJS have a negative impact on my chances of landing roles in bigger companies? If so, what actions should I take? Should I consider switching?
@DevtoolsTech
@DevtoolsTech Ай бұрын
Hi, React.js market is bigger than Angular JS for sure. More companies are looking for that tech stack. It won't be a negative as long as you have strong command on fundamentals. You can always start exploring other frameworks/technologies on your own. Next action items would be 1. Keep a strong hold on fundamentals 2. Start looking into React/Vue/other frameworks in your free time.
@yashsolanki069
@yashsolanki069 Ай бұрын
Why does the test case include numbers less than 6 ? Masking would only be done after card number validation logic right? Unless there are some countries which have a card number less than 6 then it makes sense. Could you please share the info if the site is open source or how we can contribute to this platform? Thanks for sharing your knowledge.
@DevtoolsTech
@DevtoolsTech Ай бұрын
6 length check is based on the requirements provided by the company that asked the question. The platform is free for all but not open source. You can contribute by sharing the question/video with your friends and colleagues. You can reach out to us via [email protected] if you have any questions, suggestions, or feedback!
@yashsolanki069
@yashsolanki069 Ай бұрын
@@DevtoolsTech thanks for the response. I'll surely reach out to the team for meaningful contributions.
@mohdamir3767
@mohdamir3767 Ай бұрын
It's 4 in the morning and I just learned something useful and new.
@DevtoolsTech
@DevtoolsTech Ай бұрын
Glad to hear that! 🙌🏼
@DemystifyFrontend
@DemystifyFrontend Ай бұрын
good content
@justlifethings4225
@justlifethings4225 Ай бұрын
Nice Content. Why this._subscriptions property is prefixed with underscore ? does it have any impact in javascript ?
@DevtoolsTech
@DevtoolsTech Ай бұрын
It doesn't have impact. Just a naming convention to denote that the field should be considered internal property. Private fields are yet not widely supported in classes across browsers.
@sevim3682
@sevim3682 Ай бұрын
Thanks for the share
@arunpratapsingh9932
@arunpratapsingh9932 Ай бұрын
what code editor are you using?
@DevtoolsTech
@DevtoolsTech Ай бұрын
I am using a custom build solution. You can check using devtools.tech/questions/s/how-to-build-a-confluence-like-sidebar-with-tree-structure-or-atlassian-frontend-interview-question-or-react-js---qid---3r7988VsESMQBt9vP1Zi devtools.tech/questions/programming