Hey all! I just finished a rough draft of my project with a few different mixed messages! I decided to go with a different type of topic and went with disturbing animal facts. This project took me roughly 2.5 hours in total, I used React along with JavaScript and CSS.
I also deployed it here live → https://disturbinganimalfacts.netlify.app/
Here is my github repo → GitHub - Moniii333/Disturbing-Animal-Facts: A project for CodeCademy's Mixed Messages assignment.
Happy coding ya’ll!
Hi - I like the idea, and these are definitely some disturbing facts!
I noticed a couple of small things:
When playing around on the Netlify app, the position of the headers and content seem to jump around a bit between renders (i.e. jumping left/right).
I also noticed you used the index for the key in the map method in the AnimalsFacts component. I think this is fine for a static array (like you have) but just FYI there’s a warning about using an index for the key in dynamic arrays (i.e. where elements are added/removed/reordered) in the documentation (see the “Pitfall” section towards the bottom of the page in the link below).
Thanks for the feedback!
I added in some IDs after reading the article you sent and corrected it (hopefully haha) Normally I don’t use index’s since usually the data has an ID and I for some reason didn’t think to add any to my data. 