DEV Community ๐Ÿ‘ฉโ€๐Ÿ’ป๐Ÿ‘จโ€๐Ÿ’ป

DEV Community ๐Ÿ‘ฉโ€๐Ÿ’ป๐Ÿ‘จโ€๐Ÿ’ป is a community of 963,503 amazing developers

We're a place where coders share, stay up-to-date and grow their careers.

Create account Log in
Cover image for Project 86 of 100 - Dynamic Jobs Page
James Hubert
James Hubert

Posted on

Project 86 of 100 - Dynamic Jobs Page

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!

Link to today's deployed app: Link
Link to the repo: github

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.

Top comments (0)

Need a better mental model for async/await?

Check out this classic DEV post on the subject.

โญ๏ธ๐ŸŽ€ JavaScript Visualized: Promises & Async/Await

async await