telegram

توضیحات

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

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

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

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

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

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

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

Flexbox ها کدهای جدید در CSS می باشند که توسط W۳C برای رفع مشکلات استفاده از کد های float و طراحی زیبا و دقیق تر سایت ها...

رایگان
01:57:13
آموزش نکست جی اس (next.js)
کامل شده
% 10 تخفیف

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

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

599,000 539,000 تومان
24:41:33
آموزش تیلویند(Tailwindcss) پروژه محور
کامل شده
% 5 تخفیف

آموزش تیلویند(Tailwindcss) پروژه محور

Tailwind CSS یک (utility-first) فریمورک CSS است که ابزارها و class ‌های پر استفاده CSS را در اختیار شما قرار می‌دهد و تف...

399,000 379,000 تومان
10:38:10
آموزش oop (شی گرایی) در javascript (جاوااسکریپت) پروژه محور
کامل شده
% 15 تخفیف

آموزش oop (شی گرایی) در javascript (جاوااسکریپت) پروژه محور

برنامه نویسی شی گرایی (oop) که برگرفته از Object-Oriented Programming هست یک الگو یا روش برنامه نویسی می باشد که اساس ای...

299,000 254,000 تومان
06:13:20
مشاهده تمام دوره های آموزشی

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

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

  • 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 " >

    ...

    • علی شیخ

      1 سال پیش

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

  • mohammad mohammadI

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

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

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

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

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

    • علی شیخ

      3 سال پیش

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