Back to Browse

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

21.6K views
Jul 20, 2021
39:02

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 formats

Video Formats

360pmp459.3 MB

Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.

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