Solve Microsoft Frontend Interview Question | Country Capital Game | JavaScript | React.js

Подписаться 34 тыс.

Просмотров 8 тыс.

50% 1

In this video, we will solve a front-end interview question from top companies like Microsoft. We will build a game called "Country Capital" where the user will be provided a list of countries and capitals. They have to match the country with their respective capital.
Question link: devtools.tech/questions/s/bui...
Book A Mock Interview Session: topmate.io/yomeshgupta
Support Us: devtools.tech/support
Try now using the links below
devtools.tech/questions/all?t...
devtools.tech/list/all
You can support our channel via:
rzp.io/l/support-devtools-tech
devtoolstech.gumroad.com/l/su...
www.buymeacoffee.com/yomeshgupta
************************************************************
Devtools Tech is a RU-vid channel started as a collaborative effort among like-minded engineers to provide high-quality programming tutorials for free. We firmly believe in knowledge sharing and easy access to quality content for everyone. Hence, this channel is an effort to give back to the community and a step toward our belief -- "We rise by lifting others".
Interview questions: devtools.tech/questions/all?r...
Interview resources: devtools.tech/resources/all?r...
Hidden Gem: devtools.tech/crazyones
Team Members:
Yomesh Gupta
Portfolio: yomeshgupta.com
LinkedIn: / yomeshgupta
Twitter: / yomeshgupta
#javascript #devtoolstech #web #frontend #interviewquestions #devtoolstech #code #programming #developement #filter #code #debugger #aws
***********************************************************

Наука

Опубликовано:

2 фев 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 14

@DevtoolsTech 4 месяца назад

Question link: devtools.tech/questions/s/build-country-capital-game-or-microsoft-frontend-interview-question-or-javascript-or-react-js---qid---yPb5g7MLCSf6j2F3qjqj Book a session with us: www.topmate.io/yomeshgupta

@sjsouvik 4 месяца назад

I always learn something from your videos on machine coding, please keep doing that and thanks for all your efforts, really appreciate :)

@DevtoolsTech 4 месяца назад

You are welcome! 😄

@ankushladani496 20 дней назад

Your explaination to every question is just lit...🔥💯

@DevtoolsTech 20 дней назад

Thanks! 🙌🏼🙏🏻

@ankushladani496 20 дней назад

@@DevtoolsTech Can we have a live sessions like these on discord? It will be more helpful for us 😊😀

@DevtoolsTech 16 дней назад

Sorry we don't have discord. It is hard to manage a community there. Very big time commitment.

@abhijeetbrahmbhatt8135 4 месяца назад

Thanks for the great video! Just curious, how about removing elements from options array `setOptions(options.filter((opt) => !newSelection.includes(opt)));` in correct conditions? Is there any cons to this approach compare to having another state for matched options?

@DevtoolsTech 4 месяца назад

It is valid too. I don't see any issue with that. Both are valid approaches! Thanks for sharing. 🙌🏼

@NikhilPatel-bq7ck 2 месяца назад

Instead of taking newState we cloud move if conditions to helper function and use the same at incorrect that way we would not need 3rd state. As it a derived state

@DevtoolsTech 2 месяца назад

Sure. Feel free to implement the suggestion and submit your solution. Thanks for sharing! 🙌🏼

@rahul191jain 4 месяца назад

Should we consider event delegation here as there can be big number of click events if my list is big

@DevtoolsTech 4 месяца назад

Yes, definitely. We can do event delegation too. Thanks for the suggestion!

@DevtoolsTech 4 месяца назад

You can put the event handler on the parent. The event bubbles up to the parent. You get the target and do the necessary processing. Benefit of this approach would be that you have only one event handler now rather than individual event handler on each list item. This saves memory. For a large list, it matters.