Hey! I'm on a mission to make 100 React.js projects. Please follow my dev.to profile or my twitter for updates and feel free to reach out if you have questions. Thanks for your support!
This is part 6 of 15 in a series on building React projects by John Smilga, covered in this 10 hour video on Youtube.
In this project we exercise many of the same skills we learned in the last project, namely conditional rendering, using application-wide state (stored using useState hooks in the App component), destructuring arrays, and iterating over arrays to create JSX elements.
Unlike the last project, we use a useEffect hook to load in the data from a remote endpoint asynchronously, and we display a Loading screen while the data is being fetched.
I won't go into a ton of detail here because we've covered most of these topics in previous assignments.
If you like projects like this and want to stay up to date with more, check out my Twitter @jwhubert91, I follow back! See you tomorrow for another project.