Never fetch in useEffect! #reactjs #reactjsinterviewquestions #reactdeveloper #webdevelopment

Показать описание

Why you shouldn't fetch data in useEffect in React and what to use instead.

📣 Follow Coding in Flow on social media:

Рекомендации по теме

Комментарии

Great video! Simple programming yet powerful. It is really insightful for someone like me who started using react query and swr directly without even being aware of race conditions. Thanks

prakashd

React query was just sitting in silence 😂

TechMagic

Just use isFetching useState for each fetch query

jaysoncainglet

Use debounce or don't use useEffect hook instead use rtk query or tanstack query

fazilabdulhameed

Nice! Thanks.

I have one question, how to connect the UI with some AI, I have to use the fetch from react-query also? My company is training an AI, should I use the fetch or should I use some SDK from Vercel or the Firebase Firebase-Genkit?

Thanks for all!

*PS: too green but is okay ♥

sobrehombre

A Websocket is used in useEffect tho right?

taherjerjissi

Why not abort the fetch in the cleanup function?

FirdausEdymainoe

I know this is unrelated but give the Quran a read

realhamza

When I see this modern 'programming' things it almost always looks like create a problem to solve a problem. Useless.

ivanpogildiakov

This is not a race condition, this is an ordering issue due to the absence synchronisation between requests and the rendering logic. “A race condition occurs when two or more threads can access shared data and they try to change it at the same time.” This is clearly not the case here and this is just unintentional misinformation due to lack of in-depth competence in concurrency.

markvido

Why I should never watch your video?
Rule number 1 and only 1: You tech guys are just showing some stupid techniques and rules to prove the programmer out there are techniques are useless.

omarfaruk

Never fetch in useEffect! #reactjs #reactjsinterviewquestions #reactdeveloper #webdevelopment

Never fetch in useEffect! #reactjs #reactjsinterviewquestions #reactdeveloper #webdevelopment

Mastering useEffect: Avoid Using useEffect!

Why I Don’t Use useEffect In My React Components

Full React Tutorial #17 - Fetching Data with useEffect

🚫 Never use useEffect() Hook for data fetching in 🔥ReactJS 18 #react #frontend #javascript

All 12 useState & useEffect Mistakes Junior React Developers Still Make in 2025

Why I avoid useEffect For API Calls and use React Query instead

Goodbye, useEffect: David Khourshid

You should Avoid these React useEffect Mistakes

Avoid using `isLoading` for Data Fetching in React

Full React Tutorial #24 - useEffect Cleanup

Live! Common React Mistakes: useEffect

Fetching Data in React - Complete Tutorial

SWR/React-Query vs Fetch + UseEffect

10 React Antipatterns to Avoid - Code This, Not That!

Solving the useEffect Infinite Loop: Fetching Data the Right Way in React

Learn useEffect In 13 Minutes

I Never Want To Fetch Data Any Other Way

In reactjs, fetch the data perform map operation get error

How to move your data fetching logic into the useEffect hook? #reactjs #jsx #javascript #useeffect

SWR the data fetching hero of ReactJS // 5 minute tutorial

Api Call in ReactJS | #react #apicallreact #useeffect #fetch

4 Reasons Why Axios Is Better Than Fetch in Javascript 🤯

Mastering React's useEffect