Channel: Caleb Curry

Category: Science & Technology

Tags: react hooksusestate hookjavascript tutorialreactreactjs tutorialjavascript fetchjavascriptreact api projectreact tutorialusestateuseeffectjavascript api tutorialreact api fetchreact apifetchapiuseeffect hook

Description: 💯 FREE Courses (100+ hours) - calcur.tech/all-in-ones 🐍 Python Course - calcur.tech/python-courses Timestamps: 00:00 - Introduction 01:24 - Setup 02:48 - Creating our Component 04:37 - Requesting Data from the API 05:43 - useEffect 07:42 - useState 09:38 - Render JavaScript in HTML 10:03 - Quick review 10:21 - Create a button 11:03 - UseEffect dependency array 11:18 - Wire up our button onClick 12:00 - Check if loading 13:46 - Using an array in state 15:36 - using map to display in a loop 17:52 - Only show loading at first 18:52 - Conditionally disable button 19:39 - What's next? ✅ Data Structures & Algorithms - calcur.tech/dsa-youtube ~~~~~~~~~~~~~~~ CONNECT ~~~~~~~~~~~~~~~ ✉️ Newsletter - calcur.tech/newsletter 📸 Instagram - instagram.com/CalebCurry 🐦 Twitter - twitter.com/calebCurry 🔗 LinkedIn - linkedin.com/in/calebcurry ▶️ Subscribe - calcur.tech/subscribe 👨🏻‍🎓 Courses - codebreakthrough.com ~~~~~~~~~~~~~~ SUPPORT ME ~~~~~~~~~~~~~~ ↪ My Amazon Store - amazon.com/shop/calebcurry 🅿 Patreon - calcur.tech/patreon-calebcurry 🅖 GitHub Sponsors - github.com/sponsors/CalebCurry Ⓟ Paypal - paypal.me/calcur 🅑 Bitcoin - 3HnF1SWTzo1dCU7RwFLhgk7SYiVfV37Pbq 🅔 Eth - 0x350139af84b60d075a3a0379716040b63f6D3853 📈 Buy Bitcoin - calcur.tech/crypto Reserve the Ruby Steel crypto rewards card and get a $25 bonus (use affiliate code "Caleb") - calcur.tech/crypto #react #api #javascript