آموزش جامع ری اکت [ Reactjs ] : ارتباط با Api با React -query

Рет қаралды 3,663

Күн бұрын

دوره آموزش ری اکت جی است Reactjs ازصفر تا صد آموزش داده شده است . در این دوره آموزشی React از مبتدی تا پیشرفته تمام مباحث ری اکت را بطور کامل پوشش داده شده است. با تماشای این دوره شما می توانید react را بصورت پروژه محور یادبگیرید.
در این آموزش با react-query آشنا خواهید شد. به کمک این پکیج بدون نیاز به useState و useEffect دیتای دریافتی از backend را به بهترین نحوه مدیریت خواهید کرد.
پس اگر تمایل به یادگیری برنامه نویسی Front-end دارید و دوست دارید با آموزش مجانی برنامه نویسی فرانت اند را یاد بگیرید حتما از آموزشهای کانال سروین استایل کودینگ دیدن کنید.
source code:
github.com/sarvinstyle/React....
برای تماشای درسهای قبلی آموزش React js رایگان لینک زیر را کلیک کنید:
قسمت 1 : React setup
• آموزش کامل ری اکت [قسم...
قسمت 2 : JSX - React component & props
• آموزش کامل ری اکت [قسم...
قسمت 3 : React conditional rendering
• آموزش کامل ری اکت [قسم...
قسمت 4 : useState hook
• [قسمت 4] دوره کامل آمو...
قسمت 5 : first React project
• آموزش کامل ری اکت [قسم...
قسمت 6 : useEffect hook
• آموزش کامل ری اکت [قسم...
قسمت 7 : fetch Data from api
• آموزش کامل ری اکت [ Re...
قسمت 8 : React route and navigation
• دوره کامل آموزش ری اکت...
قسمت 9 : useContext hook
• دوره کامل آموزش ری اکت...
قسمت 10 : react-query
• آموزش جامع ری اکت [ R...
قسمت 11 : react-hook-form
• آموزش کامل ری اکت [ قس...
قسمت 12 : custom hooks
• آموزش ری اکت React js ...
قسمت 13 : useReducer
• آموزش صفر تا صد React ...
قسمت 14 : Redux
• آموزش ری اکت React js ...
قسمت 15 : TypeScript
• آموزش ری اکت React js ...
لیست کامل دوره آموزش رایگان reactjs :
• بهترین و کاملترین آموز...
00:00 | مقدمه
01:00 | react-query
03:25 | نصب و راه اندازی react-query
06:13 | useQuery
10:09 | isLoading
10:09 | isError
13:17 | Error Message
14:13 | refetch
16:37 | تنظیمات react-query
25:45 | سخن آخر

Пікірлер: 49

@azad732 8 ай бұрын

خیلی شیوه آموزش تون جالبه، خلاصه و قابل فهم

@sina_tec1 3 ай бұрын

خیلی عالی توضیح دادین 👌👌🌹🌹

@AliDuzandehFerdows-gl4mi 10 ай бұрын

ممنون بابت توضیحات خوبتون 🙏. ممنون میشم اگه درمورد استفاده از useMutation و ReactQueryDevtools و کاربردش و ... هم ویدیو بذارید و با بیان شیواتون این دو مورد رو هم برامون ساده کنید. سپاس🌸

@faeze97 Жыл бұрын

این مبحث برام شبیه یه غول بزرگ بود اما بعد این ویدیو حس میکنم چرا زودتر سعی نکردم بهش ورود کنم. بسیار جذاب و ساده توضیح دادین. ممنونم

@armintattoosypply5969 11 ай бұрын

Best useful tutorials.

@sorantaak4119 Жыл бұрын

عالب بود. ممنون از زحمان شما 😍😍

@ROYALNIL_SITE 9 ай бұрын

خیلی خوب بود و کاربردی . ممنون

@mehdibagheri6448 Жыл бұрын

Bravo and thanks

@mohadesehhooshmand437 9 ай бұрын

عالی خسته نباشید ****

@armintattoosypply5969 11 ай бұрын

thank you so much for sharing your knowledge with us .

@alimirolyaee7543 Жыл бұрын

سلام مثل همیشه عالی

@mjpor5726 Жыл бұрын

It was great video , thank you so much..

@hossein1565 Жыл бұрын

عالی بود

@user-ck1sd3zs7u 10 ай бұрын

سلام. خیلی عالی

@user-ox1qe1eo4g Жыл бұрын

Easy, fast, great

@hswk1819 Жыл бұрын

خوب درکش کردم

@hosseinmirzaie5100 Жыл бұрын

very nice 😍😍😍

@sasanzamani8976 Жыл бұрын

Perfect

@sheikhmirvand Жыл бұрын

هوف خیلی درگیرش بودم کاری کردی درکش کنم مرسی

@shahabfarmani8439 9 ай бұрын

ممنون خیلی عالی بود نکته جالب اینکه ویدیو رو روی 0.75 سرعت نگاه میکنم تازه سرعتش عادی بنظر میرسه 😜😄🤩

@HusaindadAlizada-sd7um Жыл бұрын

we are waiting for your other parts of react tutorial, with best regards.

@sarvinStyle Жыл бұрын

مرسی، قسمت جدبد آپلود شد می تونین تماشا کنید

@HabibTamkin Жыл бұрын

خیلی خوب آموزش میدین خانوم عزیز اگه فرصت داشتید در مورد useSWR، سرچ و بقیه موارد پیشرفته ویدیو بسازید ممنون میشم

@msakhizada Жыл бұрын

💙

@pichanakpichanakian9834 Жыл бұрын

ممنون از آموزش تون لطف میکنید طرز استفاده از mutation رو هم قرار بدید

@rahneshin752 Жыл бұрын

❤❤❤❤

@user-qt9el5ye7b 4 ай бұрын

سلام اموزشاتتون رو خیلی دوست دارم فقط یک سوال برای IsLoding هم وقتی چند تا کوئری داریم مثل data از : استفاده می کنیم برای اسم دادن یکتا؟

@user-yr8xg8zq5o 11 ай бұрын

azizam merci az in amoozeshe aalie shoma . vaghean man az hich kas be joz shoma intori khoob yad nagereftam . refetchOnWindowFocus does not work in my program , what do you think ? I almost checked every thing ! thank in advance .

@user-yi3rq7jk2r 10 ай бұрын

میشد یکم پیشرفته تر هم باشه آین آموزش ، تشکر

@muhammadm.alidadi9468 9 ай бұрын

ارسال و دریافت api در هر دو صورت پست و گت به ی شکل انجام میشه؟

@sarvinStyle 9 ай бұрын

نه کاملا چون تو پوست باید به بادی مقدار بدین

@mohammadamingorji1896 10 ай бұрын

سلام خسته نباشید ببخشید من یک سوالی داشتم وقتی توی صفحه home جلوی data برای استفاده از api علامت "؟ " گذاشتید برای من داخل ترمینال مشکلی نداره ولی داره تو ویژوال کد ارور میده بهم میشه بهم بگید چیکار کنم؟

@sarvinStyle 10 ай бұрын

لطفا کد را اینجا بنویسید تا ببینم مشکل چیه

@mohammadamingorji1896 10 ай бұрын

کد شمارو رو وارد کرده بودم همین دقیقه 9:49 به ارور خوردم

@alirezarahmani5087 Жыл бұрын

سلام. یک سوالی داشتم درباره وردپرس من اولین بار تمام کارهایی که شما گفتین را برای ساخت یک سایت وردپرس انجام دادم و سایتم رو ساختم ولی دیگه براش هاست نگرفتم الان میخوام یک سایتی بسازم که براش هاست بگیرم و هزینه کنم اما موقع extract here در قسمت www که میزنم و بعدش اسم فایل رو به همون سایتی که میخوام تغییر بدم وقتی داخل گوگل localhost رو میزنم ارور میده و اصلا وارد local host نمیشه میخواستم بدونم باید چیکار کنم ‌؟ یعنی باید فایل سایتی که قبلا ساختم را از قسمت www پاک کنم؟ یا باید دوباره وردپرس فارسی رو نصب کنم؟

@sarvinStyle Жыл бұрын

لطفا این آموزش را تماشا کنید اینجا کامل توضیح دادم kzfaq.info/get/bejne/hd6nodh-zpbJpnk.html

@mojtabaghn1649 5 ай бұрын

علامت سوال در data.fact چه کاربردی داره و چرا باعث شد جواب بده . متوجه نشدم

@sarvinStyle 5 ай бұрын

برای اینکه اگر data خالی بود و پراپرتی به اسم Fact نداشت خطا نده

@user-sf3in3lx6v 11 ай бұрын

سلام خانم مهندس ببخشید من یه سوال داشتم ، اینکه چرا بعضی از import ها رو داخل براکت میزارین و بعضی ها رو نه ممنون

@sarvinStyle 11 ай бұрын

اگر export default داشته باشه نیازی به قرار دادن داخل برکت نیست اما اگر نداشته باشه یا متد دیگری از اون را بخواهیم ایمپروت کنیم باید داخل برکت قرار بدیم

@user-sf3in3lx6v 11 ай бұрын

سپاس از محبت تون❤

@mojtaba_1411 11 ай бұрын

من query استفاده کردم برنامم ۴ بار اجرا میشه چکار کنم که فقط ۱ بار اجرا شه

@sarvinStyle 11 ай бұрын

با کوری فقط یک بار اجرا می شه یه جای کار را اشتباه انجام دادین

@bahadorpourhosseini4185 10 ай бұрын

این علامت سوال چرا من میزارم ارور میده؟ {data?.fact} --- Failed to compile ./src/pages/About/About.js 75:10 Module parse failed: Unexpected token (75:10) You may need an appropriate loader to handle this file type. | columnNumber: 7 | } > }, data?.fact)); | }

@sarvinStyle 10 ай бұрын

نمی شه اینطوری مشکل را فهمید کد را کامل برام بنویسید

@mehdibagheri6448 Жыл бұрын

Hi good teacher would you mind accepting my congratulation on teacher 's day! Good luck.

@sarvinStyle Жыл бұрын

Absolutely, Thank you so much 😊

@mehdibagheri6448 Жыл бұрын

Bravo and thanks

@sarvinStyle Жыл бұрын

Thanks