Great video. I tried attempting the solution before seeing the video. I realised that I was trying to do too much with JS, rather than using simple CSS variables which can do the same. - Eg. using useState variable to show tooltip, rather than changing the opacity on hover. My thought process was not keeping the tooltip content in DOM, if it isn't required. But for a small project like this, I guess I was over optimising.
Thanks for the content. I am also preparing for Atlassian Browser coding interview, and I am sure this will help. Also watched your video for Karat interview prep. Again thanks a lot
Great video. nicely explained and well-structured approach. One minor improvement or a slight miss is in the BarChart component, the useMemo should have data as inside the dependency array. a linter would anyhow point that out. but since the data could be anything and could change as well, the derived values should be dependent on it.
I agree. I solved it using both. However, I asked a couple of folks and opinion was it would be easier to understand the div solution for now. If people like to see alternative solutions then will share those too. I have mentioned the same in the video too.
do companies ask you to write plain css or are we allowed to use tailwind? I know most of the time its up to the interviewer but what is the usual case scenario do they allow or now?
Varies from company to company. However, general trend is to have a working knowledge of a framework but good grasp on vanilla CSS. If one doesn't know underlying properties or doesn't have a good understanding of the basics then if there is a complex bug then they won't be able to resolve or have difficulty with it. Only framework developers aren't that desirable.
No, it is possible to apply framework classes but not understanding how box model works or why width is higher than declared because padding is also applied but box-sizing is not.
You can ask the interviewer. If they allow then sure else use vanilla CSS. Many questions involve strict guidelines and are conveyed at the start of the interview. If not then always confirm before using.
I recreated your Uber interview shapes question in Tamil and would like to post it online. Additionally, I want to solve the Atlassian problem and create a video about it. May I have your permission to do so? Brother!
Hi, it is okay if you want to make it but please mention my video/channel in your video and provide the link to it so that there is due credit. Thanks!
Great. One more suggestion: try solving the question on the platform devtools.tech/questions/programming and record it. You can solve it on your local too. I just want to have some feedback in terms of how the user experience is and if any challenges faced by the people. Your feedback would go a long way improving it for all. Thanks!
Question link: devtools.tech/questions/s/how-to-build-an-interactive-jira-velocity-bar-chart-atlassian-browser-coding-round-interview-question---qid---H24LHAOpjxtuol41iGn8
Practice with us: topmate.io/yomeshgupta
Best coding practices: th-cam.com/video/9g1rYWJvvzY/w-d-xo.htmlsi=3KR-lnNf7GCcE_RU
Other top questions --
Uber: th-cam.com/video/DCoIeGt4g7M/w-d-xo.html&start_radio=1
LinkedIn: th-cam.com/video/6euTBVDCD6o/w-d-xo.html
Facebook: th-cam.com/video/7DJCpgc6V94/w-d-xo.html
Atlassian: th-cam.com/video/3OxMsnP78zg/w-d-xo.html
Klarna: th-cam.com/video/Py_bXjSMyTc/w-d-xo.html
MakeMyTrip: th-cam.com/video/yHg0bvNqJEQ/w-d-xo.html
Microsoft: th-cam.com/video/Iv1gZN900uc/w-d-xo.html
AWS: th-cam.com/video/PFo1ZQBv4hA/w-d-xo.html
Custom Loader: th-cam.com/video/E01XdDQgzDM/w-d-xo.html
Finally, i found a gem for frontend by your videos.Please keep posting.❤
Glad to hear that. More coming soon!
Great video. I tried attempting the solution before seeing the video.
I realised that I was trying to do too much with JS, rather than using simple CSS variables which can do the same.
- Eg. using useState variable to show tooltip, rather than changing the opacity on hover.
My thought process was not keeping the tooltip content in DOM, if it isn't required.
But for a small project like this, I guess I was over optimising.
Keeping any solution/project simple is the hardest task. We should opt for simple solutions and optimise based on the need aftet measurement.
Nice! was intimated at first by the question but the way you explained - beautiful. Good content 🔥
Thanks a lot! More coming soon. 🙌🏼
your solution are very intuitive and simple. I like your solutions and it gives me confident as well.
Thank you! 🙏🏻
Awesome tutorial where each bit is full of concepts 🎉
Thank you! More coming soon. 🙌🏼
Thanks for the content. I am also preparing for Atlassian Browser coding interview, and I am sure this will help. Also watched your video for Karat interview prep. Again thanks a lot
Glad to hear it is helpful! 🙌🏼
Well explained... Specially the height of graphics
Glad to hear that! 🙏🏻
Excellent content . Got a lot of knowledge
Thank you! 🙌🏼
Great video. nicely explained and well-structured approach.
One minor improvement or a slight miss is in the BarChart component, the useMemo should have data as inside the dependency array. a linter would anyhow point that out. but since the data could be anything and could change as well, the derived values should be dependent on it.
Thank you for the suggestion. I will keep it mind! 🙌🏼
Every well explained ❤
Thank you! 🙌🏼
I think using divs for bar is not a good idea, best way to represent any visualisation is by SVG or canvas
I agree. I solved it using both. However, I asked a couple of folks and opinion was it would be easier to understand the div solution for now. If people like to see alternative solutions then will share those too. I have mentioned the same in the video too.
do companies ask you to write plain css or are we allowed to use tailwind? I know most of the time its up to the interviewer but what is the usual case scenario do they allow or now?
Varies from company to company. However, general trend is to have a working knowledge of a framework but good grasp on vanilla CSS. If one doesn't know underlying properties or doesn't have a good understanding of the basics then if there is a complex bug then they won't be able to resolve or have difficulty with it. Only framework developers aren't that desirable.
If you can do it in tailwind, what's stopping you from doing it in css? Plus I'm pretty sure they want to know your understanding of the fundamentals
I don't understand how can someone be good at tailwind and is not good with vanilla CSS. tailiwndcss is just vanilla CSS shorthand.
No, it is possible to apply framework classes but not understanding how box model works or why width is higher than declared because padding is also applied but box-sizing is not.
Are we supposed to use libraries like Framer Motion during interviews?
You can ask the interviewer. If they allow then sure else use vanilla CSS. Many questions involve strict guidelines and are conveyed at the start of the interview. If not then always confirm before using.
Interviewer might allow at the moment but I think they will prefer someone who know basics well.
@@freecourseplatformenglish2829 Agreed. Interviewers look for basics. I would confirm with them before using any library or third party tool.
I recreated your Uber interview shapes question in Tamil and would like to post it online. Additionally, I want to solve the Atlassian problem and create a video about it. May I have your permission to do so? Brother!
Hi, it is okay if you want to make it but please mention my video/channel in your video and provide the link to it so that there is due credit. Thanks!
@@DevtoolsTech definitely bro
@@DevtoolsTech actually i created uber video day before yesterday so didn't mention you well but in future for this video i will mention bro
Great. One more suggestion: try solving the question on the platform devtools.tech/questions/programming and record it. You can solve it on your local too. I just want to have some feedback in terms of how the user experience is and if any challenges faced by the people. Your feedback would go a long way improving it for all. Thanks!
@@DevtoolsTech ya definitely bro
Im waiting for your response bro!
First comment