So, I did the first of the Front End Libraries project using React, and this taught me a couple of things…firstly, I need to review my JS first to really understand what is going on under the hood and being able to use React for more complex applications. Doing this project wasn’t difficult per se , but it became so when I started to do things that were a breeze with just HTML and CSS (the text animation was a nightmare, and I probably couldn’t do it if it wasn’t for a guy that told me how to do that on Stackoverflow).
Secondly, I now feel the urge to remake this project using only vanilla JS and DOM manipulation. I understand I would have a better grasp of the bigger picture then, am I right?
A few points about my code. I followed the project’s instructions, but I don’t think that my tweet button is quite right: it passes the test, but it just opens a blank page with the address of the sandbox and /twitter.com/intent/tweet attached to it. I am probably missing something.
The other thing is I know that sometimes clicking the ‘new quote’ button lets you see the new text for a moment: that’s because the animation starts right after the quote has been fetched from quotesArray. I will fix it when I figure how to do that.
Yeah, at the beginning it looked like a very simple app (and it is), only things grow fast, so designing it using separate files from the start is a good practice for sure.
It’s just that as I was going through the React and react-spring documentation, I wasn’t able to really understand all the example code…so yeah, maybe re-doing this with vanilla JS isn’t going to be that useful, but I’m taking another JS course on Udemy to fill my gaps. I’m already finding it helpful.