วีดีโอ

which one?

here is the collection i used so you can see the difference between your code and mine - codepen.io/collection/xKqoMB

here is the collection of what I have done for the video - codepen.io/collection/xKqoMB you can compare what you have vs mine and you should be able to spot quickly

I had the same problem, the issue was that I rendered the child component instead of the parent component, and since the parent component doesnt differ from the child, I thought it wasnt working.

it is codepen

@@ASoftwareEngineer thanx!

@@ronaldwerk4007 you are welcome

from experience. been interviewed and I have been interviewed numerous times. :)

Glad you enjoyed it. thank you

Glad it helped! Thanks for dropping a comment. ❤️

Any time! Thanks for dropping a comment. This video should remain relevant for years to come.

@@ASoftwareEngineer I am sure it will!

Thanks!

Glad it was helpful! I would say build small apps and try to pass around data. 1. Parent to child 2. Child to Parent 3. Sibling to Sibling Do this couple times and you will get it. If you get lost, re-watch the video again. You will get it with enough mentality and practice. You got this!

noted

thanks for the sweetest comment ever! :)

Hey Just An Update I was preparing for an interview that day, and surprisingly the same question was asked, your animations and explainaions made it very easy to understand, and thanks to you i cleared that round. Keep up the good work.

@@DastageerHC congrats! I am happy to hear that my effort producing this video is fruitful to you. Please let me know if you get the role. Good luck.

Fragments let you group a list of children without adding extra nodes to the DOM. for you question `Just curious: if we set a React Fragment instead of a UL for LI elements, what will generate in the DOM? If it's not a UL automatically, then that defeats the purpose of using the correct semantic markup.` the result will be a bunch of LI only. your second point - `Fragments are usually best when they replace generic tags like Divs. `. It doesn't replace Divs. You can think on fragment as invisible container and when the component renders, it removes the fragments.

You're welcome! Tried to edit heavily so video is as concise as possible. Thanks for the comment.

Glad you liked it! Thank you.

Yes! There are many solutions indeed on a problem. We just have to chose which is more optimized and readable at times.

Glad it was helpful! Thank you for dropping a comment.

no unfortunately. :(

absolutely. I would say this video is the favorite and get lots of love. thanks for providing comment

yes, it is possible. I update the Square component to add additional class where if it is clicked, i will add a class called `square--active`. That will set the background-color to something we desire. Lastly, is to add a css rule to `square--active`. You can see my implementation below. codepen.io/angelo_jin/pen/wvNaQPw

getting your hands dirty is the only way to test your knowledge and build something. glad to hear that you do these exercises.

thank you!

thank you!

my pleasure! good luck to you

I am so glad to hear! Good luck on your interview. You got this.

`+` is a quick way to convert a string to a number. Number(e.target.value) or parseInt(e.target.value, 10) are the alternatives

@@ASoftwareEngineer Hi, thanks for clarifying. But why were the numbers behaving as string on the first place.

@@priyanshimahajan5453 it is because text/strings are the type of values coming from the input fields by default

@@ASoftwareEngineer but didn't we specified the input type as number?

use border radius

there are 4 columns and not 5 column. You may be looking at vertical lines which is not correct. Here is additional visual for you to play around.

really great ReactJS that one should know. This enables composition pattern.

Thank you, I was trying to make sense of why no other variable name worked

You are so welcome Sindhu! I am starting a ReactJS course and hope you find that useful as well.

Glad you liked it! Thank you very much and I hope you will like some of my other videos as well

Hi Jam! Thank you for the kindest words. I will keep at it and provide more educational content like this. 👊

thank you so much! means a lot 👍🎉

the one I used is called - Webpack Bundle Analyzer but there are other alternatives too as you can see here - blog.bitsrc.io/6-tools-and-techniques-to-analyze-webpack-bundle-size-817337f8cf91

you are welcome! 👍👊

ok. that seems to be a great idea. thank you for the comment👊👌

AngularJS trend seems to be dying, every single year. ReactJS would be the best choice for you.

@@ASoftwareEngineer thank you for the reply I am go for react js🫡

We will try. thanks for the comment

Bro. Could you please crate a ecommerce using vue js(concept wise not all pages) . Please🙏 bro

Hi Nikhil, i have below videos already made. These will stay relevant as tech doesn't change too much front end interview questions here - th-cam.com/video/npcNFM9SQTg/w-d-xo.html react common interview questions: th-cam.com/video/v6Myf4WoL00/w-d-xo.html react advance interview questions: th-cam.com/video/mYnsLOAIOCc/w-d-xo.html

i can look on making angular interview questions but i feel like it is a dying technology. Most tech firms utilizes ReactJS

i tried my best 🤭😉

thanks. absolutely! practicing your craft gets us to mastery level. good luck and i appreciate the comment always 👊

Thanks very much for the comment and I am glad that you liked the video👌👊

I have them available on my channel Common React JS Interview Questions: th-cam.com/video/v6Myf4WoL00/w-d-xo.html Advance React JS Interview Questions: th-cam.com/video/mYnsLOAIOCc/w-d-xo.html Please let me know what you think. Thanks in advance

You can opt to use RTK Query if you are planning on using React Query AND you are already using Redux Toolkit. I think if you need a powerful fetching library i would definitely go with React Query or RTK Query as it has a lot of helpful built-in things that developer may need but it kinda depends on your application use case. Glance at React Query apis and see if you need some of them and if you do you can use it.

thank you! 😉🎉🎊