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 ساس

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

دوره های آموزشی
آموزش Emmet
کامل شده

آموزش Emmet

Emmet یک ابزار برای توسعه‌دهندگان وب است که می‌تواند سرعت نوشتن کد‌های HTML و CSS را تا حد بسیار زیادی افزایش دهد. این ا...

رایگان
01:12:37
آموزش Javascript پروژه محور
کامل شده

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

آموزش جاوا اسکریپت + ES6 به همراه پروژه. جاوا اسکریپت زبان برنامه‌نویسی سطح بالا است که برای ایجاد تعامل با صفحات وب به...

رایگان
06:09:03
آموزش npm
کامل شده
% 10 تخفیف

آموزش npm

NPM مخفف Node Package Manager و در واقع Package Manager ایست که برای Node.js و یا بهتر بگیم دنیای برنامه نویسی جاوااسکری...

119,000 107,000 تومان
02:04:50
آموزش ویو ایکس (vuex) و pinia.js (پینیا جی اس) پروژه محور
کامل شده
% 5 تخفیف

آموزش ویو ایکس (vuex) و pinia.js (پینیا جی اس) پروژه محور

Vuex یک کتابخانه مدیریت وضعیت است که مخصوص ایجاد اپلیکیشن‌های متوسط، پیچیده و بزرگ در Vue.js است. Vue.js یکی از فریم ور...

199,000 189,000 تومان
05:16:05
مشاهده تمام دوره های آموزشی

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

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

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

    ...

    • علی شیخ

      8 ماه پیش

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

  • mohammad mohammadI

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

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

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

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

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

    • علی شیخ

      3 سال پیش

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