Avoid using `isLoading` for Data Fetching in React

CoderOne October 2, 2023
Video Thumbnail
CoderOne Logo

CoderOne

@coderone

About

Unlock the world of web development! From beginner-friendly coding tutorials to advanced tips, join us for a journey of turning ideas into interactive digital experiences. Subscribe now for hands-on learning, project walkthroughs, and staying ahead in the dynamic realm of coding. Let's code together and build something extraordinary! Join the developers-friendly newsletter: https://islemmaboud.com/join-newsletter Website: https://islemmaboud.com Github: https://github.com/ipenywis Twitter: https://x.com/ipenywis

Video Description

React Data Fetching is unopinionated and once you start working with React, you'll find many ways to do different stuff. From data fetching to conditional rendering and hooks but since data fetching is a crucial part of any application, in this video we will cover why using isLoading to keep the state of the data fetching method inside your React components is wrong and how you should approach it instead! 🎉Our Newsletter is live! Join thousands of other developers https://islemmaboud.com/join-newsletter ⭐ Timestamps ⭐ 00:00 Intro 02:10 Data fetching inside Components 02:46 Fetching Data the Wrong Way ❌ 06:38 Fetching Data the Right Way ✅ 10:43 Using a Data Fetching library -- Special Links ✨ Join Figma for Free and start designing now! https://psxid.figma.com/69wr7zzb1mxm 👉 ✨ Join Figma For Professionals And Start Designing with your Team ✨ https://psxid.figma.com/ucwkx28d18fo-cb44ct 💻 Nue Simple App Project https://github.com/ipenywis/nue-app 🧭 Build Login/Register API Server w/ Authentication | JWT Express AUTH using Passport.JS and Sequelize https://youtu.be/VWEJ-GhjU4U 🧭 Turn Design into React Code | From prototype to Full website in no time https://youtu.be/0xhu_vgKZ8k 🧭 Watch Tutorial on Designing the website on Figma https://youtu.be/SB3rt-cQZas 🧭 Watch Create a Modern React Login/Register Form with smooth Animations https://youtu.be/-bll7l-BKQI 🧭 Debug React Apps Like a Pro | Master Debugging from Zero to Hero with Chrome DevTools https://youtu.be/_rnxOD9NKAs 🧭 Master React Like Pro w/ Redux, Typescript, and GraphQL | Beginner to Advanced in React https://youtu.be/M_Oes39FNuk 🧭 Learn Redux For Beginners | React Redux from Zero To Hero to build a real-world app https://youtu.be/_rnxOD9NKAs 🧭 Introduction to GraphQL with Apollo and React https://youtu.be/eCO6MvvRhXk 👉 Personal Links: ✨ My Portfolio https://islemmaboud.com 🐦 Follow me on Twitter: https://twitter.com/ipenywis 💻 GitHub Profile https://github.com/ipenywis Made with ❤️ by Coderone

Upgrade Your Gaming Setup

AI-recommended products based on this video

Loading...
Beelink SER3 Mini Desktop PC with AMD Ryzen 3 3200U 2C/4T, 16GB DDR4 500GB PCIE3.0 X4 SSD, Dual Display Output, WiFi6/BT5.2 W-11 Pro Mini Gaming Computer

Beelink SER3 Mini Desktop PC with AMD Ryzen 3 3200U 2C/4T, 16GB DDR4 500GB PCIE3.0 X4 SSD, Dual Display Output, WiFi6/BT5.2 W-11 Pro Mini Gaming Computer

(239)
$459.00
FREE delivery Sat, Jan 3
Loading...
Beelink SER3 Mini PC, AMD Ryzen 3 3200U(14nm, 2C/4T) up to 3.5GHz, Mini Gaming Computer 16GB DDR4 RAM 500GB PCIE3.0 X4 SSD, Micro PC 4K@60Hz Dual Display, Mini Computer WiFi6/BT5.2/HTPC/W-11 Pro

Beelink SER3 Mini PC, AMD Ryzen 3 3200U(14nm, 2C/4T) up to 3.5GHz, Mini Gaming Computer 16GB DDR4 RAM 500GB PCIE3.0 X4 SSD, Micro PC 4K@60Hz Dual Display, Mini Computer WiFi6/BT5.2/HTPC/W-11 Pro

(1,251)
$329.00
FREE delivery Sat, Jan 3
Loading...
Beelink SER3 Mini PC, AMD Ryzen 3 3200U(up to 3.5GHz) 2C/4T, Mini Computer 16GB DDR4 RAM 500GB SSD, Mini Desktop Computer 4K@60Hz Dual HDMI Display WiFi6/BT5.2/WOL/HTPC/W-11 Pro

Beelink SER3 Mini PC, AMD Ryzen 3 3200U(up to 3.5GHz) 2C/4T, Mini Computer 16GB DDR4 RAM 500GB SSD, Mini Desktop Computer 4K@60Hz Dual HDMI Display WiFi6/BT5.2/WOL/HTPC/W-11 Pro

(815)
$329.00
FREE delivery Sat, Jan 3
50+ bought in past month
Loading...
Corsair Vengeance LPX 32GB (2 X 16GB) DDR4 3200 (PC4-25600) C16 1.35V Desktop Memory - Black
Best Seller

Corsair Vengeance LPX 32GB (2 X 16GB) DDR4 3200 (PC4-25600) C16 1.35V Desktop Memory - Black

(16,675)
$112.99$101.69
FREE delivery Sun, Aug 10
500+ bought in past month
Loading...
EVA Storage Bag for GTX 1660 Super, RTX 2060 Super, 3060 Ti, and 3070 Graphics Cards, 40 x 36 x 5 cm, Compact Protective Case with Dust-Resistant Design, Black

EVA Storage Bag for GTX 1660 Super, RTX 2060 Super, 3060 Ti, and 3070 Graphics Cards, 40 x 36 x 5 cm, Compact Protective Case with Dust-Resistant Design, Black

(0)
$30.69
$0.88 delivery Mar 9 - 27
Loading...
EVA Graphics Card Storage Bag 1660 Super, for RTX 2060 Super, for RTX 3060 Ti 3070 40 x 36 x 5 cm, Black

EVA Graphics Card Storage Bag 1660 Super, for RTX 2060 Super, for RTX 3060 Ti 3070 40 x 36 x 5 cm, Black

(0)
$34.09
FREE delivery Mar 9 - 27
Loading...
Logitech G203 Wired Gaming Mouse, 8,000 DPI, Rainbow Optical Effect LIGHTSYNC RGB, 6 Programmable Buttons, On-Board Memory, Screen Mapping, PC/Mac Computer and Laptop Compatible - Black
Best Seller

Logitech G203 Wired Gaming Mouse, 8,000 DPI, Rainbow Optical Effect LIGHTSYNC RGB, 6 Programmable Buttons, On-Board Memory, Screen Mapping, PC/Mac Computer and Laptop Compatible - Black

(17,871)
$27.98$22.38
FREE delivery Tue, Oct 14 on your first order
500+ bought in past month
Loading...
Skytech Archangel Gaming PC Desktop – AMD Ryzen 5 3600 3.6 GHz, NVIDIA RTX 3060, 1TB NVME SSD, 16GB DDR4 RAM 3200, 600W Gold PSU, 11AC Wi-Fi, Windows 11 Home 64-bit

Skytech Archangel Gaming PC Desktop – AMD Ryzen 5 3600 3.6 GHz, NVIDIA RTX 3060, 1TB NVME SSD, 16GB DDR4 RAM 3200, 600W Gold PSU, 11AC Wi-Fi, Windows 11 Home 64-bit

(31)
$2,657.01$2,656.90
FREE delivery Feb 24 - Mar 3
Loading...
Acer Nitro V 16 AI Gaming Laptop, 16" WUXGA 180Hz Display, AMD Ryzen 5 240, GeForce RTX 5050, 16GB DDR5, 512GB SSD, Backlit Keyboard, Copilot, Wi-Fi 6E, Win 11, Black, 1TB Docking Station Set

Acer Nitro V 16 AI Gaming Laptop, 16" WUXGA 180Hz Display, AMD Ryzen 5 240, GeForce RTX 5050, 16GB DDR5, 512GB SSD, Backlit Keyboard, Copilot, Wi-Fi 6E, Win 11, Black, 1TB Docking Station Set

(40)
$1,399.00
FREE delivery Feb 24 - Mar 5
Loading...
ASUS TUF Gaming A15 Gaming Laptop, 15.6” 144Hz FHD Display, AMD Ryzen 5 7535HS Processor, GeForce RTX 2050, 8GB DDR5 RAM, 512GB PCIe SSD Gen 4, Wi-Fi 6, Windows 11, FA506NF-AS51-CA

ASUS TUF Gaming A15 Gaming Laptop, 15.6” 144Hz FHD Display, AMD Ryzen 5 7535HS Processor, GeForce RTX 2050, 8GB DDR5 RAM, 512GB PCIe SSD Gen 4, Wi-Fi 6, Windows 11, FA506NF-AS51-CA

(156)
$799.00$759.05
FREE delivery Mon, Feb 16
Loading...
KAMRUI Mini PC E3B, Mini Computer AMD Ryzen 5 7430U (6C/12T, Up to 4.3GHz), 16GB DDR4 512GB M.2 SSD Mini Gaming Pc W11 PRO, 4K Triple Display/WiFi 6/BT5.2/USB3.2 for Home/Business Mini Desktop PC Global Recycled Standard

KAMRUI Mini PC E3B, Mini Computer AMD Ryzen 5 7430U (6C/12T, Up to 4.3GHz), 16GB DDR4 512GB M.2 SSD Mini Gaming Pc W11 PRO, 4K Triple Display/WiFi 6/BT5.2/USB3.2 for Home/Business Mini Desktop PC Global Recycled Standard

(227)
$499.00
FREE delivery Sun, Jan 4Only 8 left in stock.
Loading...
for 90MM Video Card Cooler Fan for GPU for MSI GeForce for RTX 3060 3070 3080 3090 3060Ti 3070TI for Gaming X Trio Graphics(1pcs)

for 90MM Video Card Cooler Fan for GPU for MSI GeForce for RTX 3060 3070 3080 3090 3060Ti 3070TI for Gaming X Trio Graphics(1pcs)

(0)
$38.13
FREE delivery Mar 19 - Apr 10