DEV Community

Cover image for React: 5 Small (Yet Easily Fixable) Mistakes Junior Frontend Developers Make With React Refs

React: 5 Small (Yet Easily Fixable) Mistakes Junior Frontend Developers Make With React Refs

Ndeye Fatou Diop on March 11, 2024

I have reviewed more than 1,000 front-end pull requests. Like many junior developers, I made some common mistakes when I started,Β especially while...
Collapse
 
maxart2501 profile image
Massimo Artizzu

I appreciate the effort, but keep in mind that posting code as animated gifs is rather unaccessible. Would you consider adding text snippets?

Collapse
 
_ndeyefatoudiop profile image
Ndeye Fatou Diop

I added the code snippets πŸ˜ƒ. Hope it is helpful !

Collapse
 
maxart2501 profile image
Massimo Artizzu

Great job!

Collapse
 
_ndeyefatoudiop profile image
Ndeye Fatou Diop

Thanks for the suggestion ! Yes indeed I can definitely do so !

Collapse
 
dsaga profile image
Dusan Petkovic

Interesting article, how do you make these animated code gifs?

Collapse
 
_ndeyefatoudiop profile image
Ndeye Fatou Diop

Thanks πŸ™ I use keynote for mac

Collapse
 
iamwillpursell profile image
Will Pursell

I would consider myself a little bit further along than a junior dev, but there were a few things that I don’t currently use and should.

One theme I picked up on was just avoiding unnecessary re-renders when possible. I’m looking back in my code and realizing there is a lot of resources (and potentially money) I can save just by saving some data to pull from later.

Collapse
 
_ndeyefatoudiop profile image
Ndeye Fatou Diop

I am so glad that this can be helpful. And honestly I agree that that first mistake can happen at all levels. I have been guilty of this a lot. In fact, it is so easy since well, things work ok