React Beginners Challenge - Fetch API Data | React JS Beginners Project
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
Download
1 formatsVideo Formats
Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.