توضیحات

در این جلسه به توضیح کتابخانه axios در دوره آموزش ری اکت (React.js) پروژه محور میپردازیم.


javascript جاوااسکریپت react ری اکت

مدرس دوره علی شیخ
مدت دوره 16:08:35
تعداد ویدیو 106

وضعیت دوره : کامل شده
قیمت دوره : 299,000 269,000 تومان

نظرات ارزشمند شما:

برای ارسال نظر ابتدا باید وارد سایت شوید

  • سلام
    خسته نباشید استاد
    عذر میخوام توی این قسمت که از async await برای دریافت دیتا با axios استفاده شده، میخواستم بدونم آیا لازمه حتما بصورت async await بنویسیم هوک useEffect و تابع داخل اون رو؟
    در واقع ما وقتی توی return کامپوننت داریم conditional rendering انجام میدیم خواه ناخواه async await رو پیاده کردیم دیگه (ینی تا زمانی که دیتا توی متغیرمون ست نشده نمایش نمیده در صفحه؛ ینی صبر میکنه دیتا برگرده و بعد نمایش بده. عملا این میشه همون تعریف async await!) درست هستش دیدگاهم؟

    • سلام وقت بخیر.
      بحث async await برای زمانی هست که شما درخواست به api میزنید و مدت زمانی طول میکشه، برای درک بهتر دوره آموزش Asynchronous Javascript پروژه محور را مشاهده کنید که پیش نیاز این دوره هم هست. پیش نیاز دوره ها را باید حتما کار و تمرین کرده باشید.

    • ممنونم از پاسختون
      بنده دوره ای که فرمودید رو تهیه کردم از آموزش های خوبتون و دیدم پیش نیازها رو و آشنا هستم با نحوه کار async و await
      حرف بنده این هستش که ما وقتی دیتا رو چه بصورت معمولی چه بصورت async میگیریم و توی متغیری ست میکنیم، چون توی رندر در کامپوننت، اون متغیر رو بصورت کاندیشنال رندر میکنیم دیگه عملا انگار داریم async رو استفاده میکنیم دیگه! (ینی در رندرینگ میگیم اگر متغیر ایکس true بود بیا نشون بده دیتا ها رو، اگر دیتا هنوز ست نشده بود از api مثلا لودینگ نمایش بده)

    • ببینید تفاوت اینجا هست که شما با بحث async و await این قابلیت را دارید که زمانیکه دیتا آمد متغیر x مقدارش الان true باشه یا false و با توجه به اون کاری انجام بدید. اما بدون این مبحث چطوری مقدار متغیر x را بعد از دریافت دیتا تغیر میدید؟

    • با استفاده از fetch کردن ساده (بدون async await) دیتا رو میگیریم و بعد از .then میگیم ست کنه در متغیر و همزمان setloading رو هم که در مقدار اولیه ش true بود رو false میکنیم
      و در صفحه سایت وقتی میگیم اگر لودینگ true بود نمایش بده و اگر متغیر x true شد نمایش بده و لودینگ رو false کن، یعنی تا زمانی که دیتا برنگشته لودینگ رو نشون میده و به محض اینکه دیتاها رسید اون ها رو بجای لودینگ نمایش میده دیگه!
      من تمرین های این پروژه رو بدون async await (صرفا جهت اطمینان از درستی نظر خودم) انجام دادم و مشکلی پیش نیومد و بهمین دلیل سوال شد واسم

    • زمانیکه شما از then استفاده میکنید، دارید از همین مبحث asynchronous استفاده میکنید که توی ورژن های جدیدتر به شکل async await هم نوشته میشه، دوتاش یک کاری انجام میده و نحوه نوشتنش متفاوت هست. بازم عرض میکنم پیش نیاز دوره ها مهم هستند و نیاز به کار و تمرین داره