Web Dev Roadmap for Beginners (Free!): https://bit.ly/DaveGrayWebDevRoadmap

In this two part React Beginners Challenge, you will use a fake REST API to fetch API data with the useEffect hook. But wait! The challenge is not that simple... you will need to manage React state, apply click events, and build functional components, too.

Subscribe https://bit.ly/3nGHmNn

This lesson is part of a Learn React tutorial series playlist:
https://youtube.com/playlist?list=PL0Zuz27SZ-6PrE9srvEn8nbhOOyxnWXfp

Source Code: https://github.com/gitdagray/react_fetch_data_challenge

React Beginner Challenge - Fetch API Data | React JS Beginners Project

(00:00) Intro
(00:05) Welcome
(00:14) React Beginners Challenge - Part A
(02:27) Hints and Helpers for Part A
(03:42) Solution Setup
(05:58) Solution for Part A
(25:53) React Beginners Challenge - Part B
(27:07) Hints and Helpers for Part B
(28:51) Solution for Part B

JSON-Server:
https://www.npmjs.com/package/json-server

ES7 React JS Snippets Extension for VS Code:
https://marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets

React Dev Tools Extension for Chrome:
https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi

Styled Components: https://styled-components.com/

References:
ReactJS Official site: https://reactjs.org/
React Wikipedia: https://en.wikipedia.org/wiki/React_(JavaScript_library)
React Jobs: https://www.ziprecruiter.com/candidate/search?search=react&location=

Follow Me:
Twitter: https://twitter.com/yesdavidgray
LinkedIn: https://www.linkedin.com/in/davidagray/
Blog: https://yesdavidgray.com
Reddit: https://www.reddit.com/user/DaveOnEleven

Was this React Beginners Challenge / Project tutorial helpful? If so, please share. Let me know your thoughts in the comments.

#react #beginners #challenge