telegram

توضیحات

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

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

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

مدرس دوره علی شیخ
مدت دوره 16:08:35
تعداد ویدیو 106
وضعیت دوره : کامل شده
قیمت دوره : 399,000 379,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 ساس

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

دوره های آموزشی
آموزش Sass پروژه محور
کامل شده

آموزش Sass پروژه محور

اگر به تازگی وارد دنیای طراحی وب شده‌اید مطمئنا نام Sass یا پیش‌پردازنده‌ها را شنیده‌اید. اگر مطمئن نیستید که Sass چیست...

رایگان
02:28:26
آموزش vue.js 3 پروژه محور
کامل شده

آموزش vue.js 3 پروژه محور

فریم ورک Vue js یا ویو جی اس یکی از محبوب ترین فریم ورک های جاوااسکریپت است که با هدف توسعه رابط کاربری (UI) در سال 2014...

رایگان
11:05:31
آموزش لایو وایر (livewire) پروژه محور
کامل شده
% 20 تخفیف

آموزش لایو وایر (livewire) پروژه محور

با گسترش وب اپلیکیشن‌های مدرن، وجود ابزارهایی به منظور هر چه ساده‌تر کردن فرآیند ساخت آن‌ها، بشدت نیاز می‌شود. ابزارهایی...

349,000 279,000 تومان
12:00:31
آموزش نست جی اس (nest.js)
کامل شده
% 10 تخفیف

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

نست جی اس (nest.js) فریمورک یا چارچوبی برای ایجاد برنامه های کارآمد و مقیاس پذیر node.js در سمت سرور است. این فریمورک از...

699,000 629,000 تومان
12:52:59
مشاهده تمام دوره های آموزشی

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

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

  • Arman Amiri

    سلام استاد وقتتون بخیر
    میخواستم ب من بگید ک ایراد این کد از نظر منطقی چیه
    کد هیچ اروری نداره و اجرا میشه ولی میخوام ببینم از نظر منطقی و اصولی درسته یا اشتباهه 

      

      const navRef = useRef()

        useEffect(() => {

          const listener = (e) => {

            if (window.scrollY > 200) {

              navRef.current?.classList.add('nav-scroll')

            } else {

              navRef.current?.classList.remove('nav-scroll')

            }

          }

          window.addEventListener('scroll', listener)

          return () => {

            window.removeEventListener('scroll', listener)

          }

        

        }, [])

    

          

    

        return(

            <>

            <div ref={navRef} className="trasition mx-auto items-center " >

    ...

    • علی شیخ

      3 هفته پیش

      سلام وقت بخیر.
      مشکلی نداره مخصوصا توی return که امدید و removeEventListener را صدا زدید.

  • mohammad mohammadI

    سلام استاد یک سوال
    موقعی که ما اطلاعات رو فچ میکنیم از api لینکی که ازش دیتا رو فچ کردیم موقع نشون دادن صفحه توی سورس صفحه بر میگرده تو مرورگر کاربر درسته ؟؟؟

    من برای این که اون api ام رو مبهم و غیر قابل دسترس کنم (ینی نمیخوام تو اینترنت منتشر و اند پوینت های api ام دست کسی بیوفته) و فقط سمت سرور ام نگهش دارم تا اپلکیشن ری اکتم ازش استفاده کنه

    من اومدم به صورت ترکیبی از ری اکت و نکست جی اس استفاده کردم برای رندر سرور ساید
    از طرفی هم api رو به صورت localhost ران کردم تا وقتی درخواست از بیرون به اپ ری اکت من میاد درخواست ارسال بشه به لوکال هاستم و دیتا فچ بشه ازش و دوباره از طریق ری اکت به کاربر برگرده

    آیا این کاری که کردم برای حفظ روت های api و جلوگیری از دسترسی بقیه از طریق سورس کد صفحه یا از بیرون اونطور که بالا گفتم کافی هست ؟؟ یا باید کار دیگه ای هم بکنم

    ممنون میشم اگه از طریق ایمیل بهم جواب بدین

    • علی شیخ

      2 سال پیش

      سلام وقت بخیر.
      اگه قصد دارید به هر دلیلی endpoint ها مشخص نباشه، میتوانید از یک سرور api واسط استفاده کنید که درخواست به اون ارسال بشه و از اونجا به سرور اصلی و یا اینکه اگه از next استفاده میکنید از api خوده next استفاده کنید که سمت سرور هندل میشه
      توی این حالت ها endpoint اصلی شما مشخص نیست. دقت داشته باشید ری اکت یک کتابخانه سمت کلاینت هست و کد هاش طبیعتا سمت کلاینت اجرا میشه