Recently I’ve finished the React lessons on freecodecamp and have been doing the frond end projects. Unfortunately, with every project I’ve done so far I had some really big difficulties and consequently frustrations. For example, the quote machine project(i’ve even done a topic on this one) I’ve had a twitter button that would not render properly. I googled for hours trying to make it work, when it was a matter of a simple copy-paste of a link source in a regular non-react project. I finally gave up and customized the button manually. Another time, I made the mistake of using a non-arrow function in the body of a component. Apparently, using non-arrow functions in the component body deletes the reference from ‘this’ and can’t call functions (unless you bind, I guess). After spending an hour trying to fix this, I was fuming, so I decided to take a break. On the third project, I had to trigger a soundfile to play, googling revealed a library called ‘react-sound’. I downloaded the library, made sure it was installed and used the documentation code. Of course I couldn’t make it work, read the documentation over and over figuring out what’s wrong but I couldn’t crack it. Finally, I used Ref to make the sound play.
I don’t want to sound too whiny about this, but it seems to me that React just over complicates things over regular Javascript. I’m not sure how to tackle this, as either my react lessons were not thorough enough or my problem-solving skills are severely lacking. Should I take a different approach? Where else should I study? Does anyone else confront these problems and how did they fix them? I really don’t wanna drop react because I’m commited to it but it seems I’m just banging heads on walls. Thanks for read and have a nice day.