telegram

توضیحات

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

javascript جاوا اسکریپت جاوااسکریپت fetch api asynchronous react ری اکت ری_اکت_جی_اس ری_اکت_جی_اس_ورژن_19 react_js react_js_version_19 ریداکس_جی_اس redux_js ری_اکت_روتر react_router

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

مدرس دوره علی شیخ
مدت دوره 24:46:13
تعداد ویدیو 156
وضعیت دوره : درحال برگزاری
قیمت دوره : 699,000 524,000 تومان
برای دانلود ابتدا وارد سایت شوید
دسته بندی دوره ها
HTML CSS طراحی وب FlexBox Bootstrap فریمورک طراحی سایت جاوا اسکریپت اکما اسکریپت پی اچ پی php mysql javascript jquery oop mvc composer laravel emmet npm nodejs webpack vuejs livewire vuex API وب سرویس alpinejs tailwindcss react git github typescript next.js nest.js nuxt.js sass ساس

دوره های پشنهادی

دوره های آموزشی
آموزش ناکست جی اس (nuxt.js)
کامل شده
% 10 تخفیف

آموزش ناکست جی اس (nuxt.js)

بلاخره بعد از مدت ها انتظار nuxt.js (ناکست جی اس) ورژن 3 آمد و توی این دوره قصد داریم در مورد این فریموک فوق العاده جاوا...

599,000 539,000 تومان
09:18:11
آموزش HTML5 & CSS3 پروژه محور
کامل شده

آموزش HTML5 & CSS3 پروژه محور

برای اینکه وارد دنیای طراحی وب شوید اولین چیزی که باید با آن آشنا شوید HTML است، HTML یک زبانه نشانگذاری برای ایجاد وبسا...

رایگان
04:51:23
آموزش انیمیشن در سی اس اس (css animation) پروژه محور
کامل شده
% 10 تخفیف

آموزش انیمیشن در سی اس اس (css animation) پروژه محور

در این دوره فوق العاده کاربردی قرار هست در مورد Transition ,Transform 3D, Transform و Animation در دنیای CSS با هم دیگه...

299,000 269,000 تومان
08:46:05
آموزش نکست جی اس (next.js)
کامل شده
% 10 تخفیف

آموزش نکست جی اس (next.js)

نکست جی اس، فریمورک Next.js یکی از فریمورک های کتابخانه React برای production است به این معنی که، برای تمام آنچه که به ع...

599,000 539,000 تومان
24:41:33
مشاهده تمام دوره های آموزشی

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

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

  • armindev

    گفته میشه برای مثلا گرفتن api یا کار با localstorage از useeffect استفاده کنیم
    اما من برای محاسبه مجموع قیمت سبد خرید از فانکشن معمولی استفاده کردم کد کار نکرد اما وقتی با useeffect نوشتم کد کار کرد.
    برای همین منظورم اینه آیا useeffect رو جایگزین فانکشن معمولی کنیم یا نه؟
    تشکر

    • علی شیخ

      1 روز پیش

      سلام وقت بخیر.
      اینجا الان بستگی داره که شما قصد دارید زمانیکه کامپوننت رندر و نمایش داده شد محاسبه انجام بده یا نه دکمه ای در صفحه هست که با کلیک روش محاسبه میشه
      مورد اول useEffect میشه و مورد دوم میشه یک event که یک تابع معمولی js فراخوانی و صدا زده میشه
      پروژه سبد خرید هم توی این دوره داریم.

  • armindev

    سلام
    با توجه به اینکه در بیشتر موارد state درحال تغییر هست مانند فیلتر محصولات به محض کلیک شدن button و محاسبه مجموع سبد خرید و ...
    و حتی یک counter ساده ، در اکثر موارد من به جای فانکشن معمولی میام از useEffect استفاده میکنم طوری که در یک کامپوننت ممکنه چندین useEffect داشته باشم اما فانکشن معمولی خیر.
    میخوام بدونم این مدل کدنویسی درست هست یا نه؟
    تشکر

    • علی شیخ

      3 روز پیش

      سلام وقت بخیر.
      واقعیت متوجه سوالتون نشدم
      اگه امکانش هست با یک مثال بفرماید. بصورت کلی اصلا فلسفه ای state اینکه، جای و برای مورادی استفاده بشه که قراره تغییر کنه و برای ما مهم هست اون تغییر و حالا توی ui قراره از اون تغییر استفاده کنیم. useEffect هم کلا برای زمان و مواردی هست که کامپوننت لود شده و حالا شما قرار کاری با توجه به اون انجام بدید مثلا درخواست بزنید به api یا مثلا اطلاعاتی ذخیره یا دریافت کنید از لوکال استوریج یا حتی یکسری از state هاتون رو مقدار دهی اولیه کنید و ...