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…


This content originally appeared on DEV Community and was authored by James Hubert

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.


This content originally appeared on DEV Community and was authored by James Hubert


Print Share Comment Cite Upload Translate Updates
APA

James Hubert | Sciencx (2021-07-02T05:30:25+00:00) Project 86 of 100 – Dynamic Jobs Page. Retrieved from https://www.scien.cx/2021/07/02/project-86-of-100-dynamic-jobs-page/

MLA
" » Project 86 of 100 – Dynamic Jobs Page." James Hubert | Sciencx - Friday July 2, 2021, https://www.scien.cx/2021/07/02/project-86-of-100-dynamic-jobs-page/
HARVARD
James Hubert | Sciencx Friday July 2, 2021 » Project 86 of 100 – Dynamic Jobs Page., viewed ,<https://www.scien.cx/2021/07/02/project-86-of-100-dynamic-jobs-page/>
VANCOUVER
James Hubert | Sciencx - » Project 86 of 100 – Dynamic Jobs Page. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/07/02/project-86-of-100-dynamic-jobs-page/
CHICAGO
" » Project 86 of 100 – Dynamic Jobs Page." James Hubert | Sciencx - Accessed . https://www.scien.cx/2021/07/02/project-86-of-100-dynamic-jobs-page/
IEEE
" » Project 86 of 100 – Dynamic Jobs Page." James Hubert | Sciencx [Online]. Available: https://www.scien.cx/2021/07/02/project-86-of-100-dynamic-jobs-page/. [Accessed: ]
rf:citation
» Project 86 of 100 – Dynamic Jobs Page | James Hubert | Sciencx | https://www.scien.cx/2021/07/02/project-86-of-100-dynamic-jobs-page/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.