You need to learn React Query right now!

  Рет қаралды 4,398

Amir Najafi

Amir Najafi

Күн бұрын

به چنل یوتیوب من خوش آمدید
با دوره آموزشی ریاکت جی اس در خدممتون هستم و سعی دارم در این آموزش به صورت کاملا رایگان برای دوستانی که میخوان فرانت اند رو به صورت حرفی ای تر دنبال کنن گام به گام از ساخت پروژه تا انتها که یک پروژه کامل با ریاکت هست رو پیش ببرم
امید وارم خوشتون بیاد و چیز های خوب یاد بگیرید
* توی این جلسه میخوایم react-query رو بررسی کنیم و ببینیم چطوری میتونیم نصبش کنیم و کانفیگش کنیم و توی یک پروژه به صورت کاربری ازش استفاده کنیم و هوک هاشو رو یاد بگیریم
لینک گیت هاب
github.com/Amirnajafi/reactjs...
video made by amir najafi ( امیر نجفی‌‌ )
0:00 Intro
0:26 What is React query
1:45 Installation
2:04 Structure
3:55 React query provider
5:34 useQuery
14:37 React Query Devtools
17:20 Dependent Queries
19:01 Working with caches
21:43 PlaceHolder data
23:15 Update Queries data
26:51 Global fetching listener
29:33 Update default configuration
33:06 UseQuery with Pagination
36:05 UseInfiniteQuery
46:26 Persist data in LocalStorage
53:24 Greeting

Пікірлер: 35
@mohammadrezaosfuri
@mohammadrezaosfuri 4 ай бұрын
عالی بود . مرسی از توضیحات دقیقتون
@amir-najafi
@amir-najafi 4 ай бұрын
🙏
@marziehmokhtari7141
@marziehmokhtari7141 10 ай бұрын
ممنون توصیحاتتون عالی بود
@amir-najafi
@amir-najafi 10 ай бұрын
🙏
@mehdijafarzade2381
@mehdijafarzade2381 7 ай бұрын
عالی بود. محتوا باکیفیت و کاربردی 🌹
@amir-najafi
@amir-najafi 6 ай бұрын
🙏
@mehdinaji7104
@mehdinaji7104 10 ай бұрын
دوره فوق العاده ای بود، تشکر فراوان بنابراین دیگه عملا نیازی به کانتکست هم نداریم و همیشه دیتا رو در کل پروژه خواهیم داشت.
@amir-najafi
@amir-najafi 10 ай бұрын
بله میتونید کانتکست نداشته باشید ولی خوب کار کانتکست پیچیده تر از این هاست و شما میتونید یک سری اطلاعات لوکال و استیت هارو هم توش نگه داری کنید که توی ری‌اکت کوئری نمیشه و بیشتر برای ریکوئست هست
@XauXag-xe3hd
@XauXag-xe3hd 3 ай бұрын
بسیار عالی
@user-yi3rq7jk2r
@user-yi3rq7jk2r 10 ай бұрын
مرسی , آموزش ها رو پسشرفته نگه دارید همیشه
@amir-najafi
@amir-najafi 10 ай бұрын
🤘
@mehdinajafian2754
@mehdinajafian2754 4 ай бұрын
❤عالی بود
@amir-najafi
@amir-najafi 4 ай бұрын
🙏
@arman5782
@arman5782 5 ай бұрын
خیلی عالی بود . ممنون
@amir-najafi
@amir-najafi 5 ай бұрын
🙏
@kazemqanati7120
@kazemqanati7120 11 ай бұрын
عالی بود
@amir-najafi
@amir-najafi 11 ай бұрын
ممنونم 🙏
@erfankhani9917
@erfankhani9917 Жыл бұрын
Perfect👍
@amir-najafi
@amir-najafi Жыл бұрын
🙏
@mohammadm2846
@mohammadm2846 Жыл бұрын
Thank you ❤
@amir-najafi
@amir-najafi Жыл бұрын
You're welcome 😊
@farshadbagheri6180
@farshadbagheri6180 7 ай бұрын
عالی ، ویدیوهای مفیدی درست می کنی
@amir-najafi
@amir-najafi 7 ай бұрын
🙏ممنونم
@amirmohammadhamzavi9067
@amirmohammadhamzavi9067 Жыл бұрын
perfect
@amir-najafi
@amir-najafi Жыл бұрын
🙏
@mhdi_nzari
@mhdi_nzari Жыл бұрын
امیرجان ممنون بابت ویدیو فقط سعی کن هر ویدیو که توی گیت هاب کدهاشو رو میزاری یه نسخه خام پروژه که در ابتدای پروژه داری بزاری که بشه تمرین کرد ممنونم ازت❤
@amir-najafi
@amir-najafi Жыл бұрын
بله اتفاقا کاری که باید بکنم این هست که یک برنچ برای هر قسمت درست کنم و توی اون برنچ کد هارو بزارم و اینطوری خیلی بهتر تفکیک میشه
@Asmr.Dev.
@Asmr.Dev. 8 ай бұрын
امیر جان ترمینال باحالی داری یه اموزش براش بساز خوب میشه
@amir-najafi
@amir-najafi 8 ай бұрын
ترمینال من خیلی پیچیده نیست من از zsh استفاده میکنم و روش هم یک پلاگین دارم به اسم fig ولی اگه فرصت بشه حتما آموزشش رو هم میزارم
@user-em5ji7sq4m
@user-em5ji7sq4m 8 ай бұрын
ممنون از محتوای عالی و بی نظیرتون، منتظر ویدیو های کاربردی دیگه از شما هستم... و یک سوال هم داشتم داخل این ویدیو گفتید که یک لایبرری هست برای infinite scroll که زمانی که اسکرول میکنیم یا 20 درصد مونده که به انتهای صفحه برسیم دیتا رو لود میکنه ...... اسم لایبرری رو ممنون میشم بگید .....
@amir-najafi
@amir-najafi 8 ай бұрын
سلام بله ۲ تا هست که معروفه البته خیلی سخت نیست خودتون هم میتونید بنویسید ولی اگه بخوایم راحت پیادش کنید از این ۲ مورد میتونید استفاده کنید www.npmjs.com/package/react-infinite-scroll-component www.npmjs.com/package/react-infinite-scroller
@user-yi3rq7jk2r
@user-yi3rq7jk2r 10 ай бұрын
یک سوال ، توی دیتا های تیبل ما سرچ داریم که استیت دیتا رو میایم تغییر می‌دیم و یدونه initialData هم داریم توی ریکت کوعری چطوری دو تا نسخه استیت متفاوت از دیتا داشتع باشیم که بشه تغییر هم دادش ؟
@amir-najafi
@amir-najafi 10 ай бұрын
معمولا وقتی بحث کوئری هست یک سری پارامتر هست که از یوزر گرفته میشه مثل شماره ضفحه و متنی که یوزر میخواید سرچ کنه و غیره این موارد بهتر هست که توی یو آر ال صفحه به صورت کوئری پارامتر ذخیره بشه و بعد به ری‌اکت کوئری پاس داده بشه چون هم یوزر میتونه لینک رو کپی کنه و جای دیگه پیست کنه و همین نتیجه رو میبینه و هم این که چون ورودی ریکوئست داره تغییر میکنه خود کتابخونه میره و دوباره فچ رو انجام میده و در موارد دیگه از همون استیت صفحه و کانتست استفاده میشه
@user-yi3rq7jk2r
@user-yi3rq7jk2r 10 ай бұрын
@@amir-najafi خب وقتی که فیلتر کردن سمت فرانت باشه کلا دیگه کوعری نیست
@JaWadEsL
@JaWadEsL 3 ай бұрын
عالی بود . مرسی از توضیحات خوبتون
🤔Какой Орган самый длинный ? #shorts
00:42
KINDNESS ALWAYS COME BACK
00:59
dednahype
Рет қаралды 165 МЛН
Now THIS is entertainment! 🤣
00:59
America's Got Talent
Рет қаралды 38 МЛН
Why I always use react-query on my react apps
14:09
Web Dev Cody
Рет қаралды 30 М.
Building a CRUD App with TanStack React-Query and React
50:02
یک روز کاری برنامه‌نویس در شرکت علی بابا
9:14
آموزش  React Query - ایجاد ایتم با useMutation
23:44
🤔Какой Орган самый длинный ? #shorts
00:42