اصول روانشناسی طراحی اپلیکیشن که باید بدانید شنبه ۱۸ تیر ۰۱ | ۱۴:۰۶ ۱۶۶ بازديد
React .1 کادرورک وجود ندارد
حتی توسعه و گسترشدهندگان حرفه ای React اکثر وقت ها میگویند طراحی اپلیکیشن در مشهد React کادرورک جاوااسکریپت میباشد. با این حالا، اینترنتتارنما قانونی React آن را تحت عنوان "کتابخانه جاوااسکریپت برای ساخت رابطهای کاربری" تعریف مینماید. پس کدام صحت دارد؟ جواب کوتاه این میباشد که React یک کتابخانه جاوااسکریپت میباشد، البته حقیقت این میباشد که یکسری مشخصه قابورک را دارااست.
در واقع همگی کتابخانهها گروهای از تعاریف کلاسها می باشند، و زمانی که شما یک اسلوب از یک کتابخانه را فراخوانی میکنید، در اختیار گرفتن در مشت شماست. از سوی دیگر، کادرورکها جریان در دست گرفتن را معلوم مینمایند، به این ترتیب آنان در واقع کد شمارا فراخوانی مینمایند. در یک نحوه خاص، کادرورکها به مراد حل مسائل ساختاری و معماری می باشند، که آن چیزی وجود ندارد که React اعمال میدهد. در قبال، React به آسانی متدهایی را ارائه می دهد که به پیشرفتدهندگان اینترنت یاری مینماید پیشرفت front-end را عالی رئیس نمایند.
آیا واقعیت داراست که React در دنیای حقیقی وواقعی یک کتابخانه میباشد و خیر کادرورک؟ ولی این طور وجود ندارد. ولی اساسی این میباشد که پی ببریم React چه کاری اعمال می دهد: تشکیل داد رابطهای کاربری تعاملی.
2. بسط React و بهینه سازی با هم شغل مینمایند
بعضی وقتها به خطا تصور میگردد که باصرفهسازی موتور کاوش (سئو) و بسط React متقابلا انحصاری میباشند. در حالی این صحت دارد که اپلیکیشنهای تک برگهای با معضلهای خاص بهینه سازی همدم باشند، مانند عدم تگهای داینامیک seo و این حقیقت که موتورهای کاوش ممکن میباشد توانا به اجرای کد جاوااسکریپت نباشند، آن ها میتوانند فارغ از سعی متعددی مغلوب شوند.
یک راه حل مناسب برای طرز باصرفهسازی نرمافزارهای تکبرگهای برای seo مشمول به کار گیری از Isomorphic React میباشد. یک نرم افزار اینترنت isomorphic شایسته ترین رندرینگ سمت سرور را به شما می دهد و درصورتی که کلاینت جاوا اسکریپت را هواخواهی نماید نرمافزار تک ورقهای را به طور خودکار شناسایی مینماید.
ضمن Isomorphic React، همینطور ممکن میباشد توسعه و گسترشدهندگان تصمیم بگیرند اینترنتوب سایتهای خویش را با خدمتهایی مثل Prerender.io، که جاوااسکریپت را در مرورگر رندر مینمایند، HTML استاتیک را ذخیره مینمایند، و HTML استاتیک را برای خزندههای موتور کاوش گشوده میگردانند، Pre-render (پیش رندر) نمایند.
3. DOM مجازی سریعخیس از DOM حقیقی میباشد
کلیه پیشرفتدهندگان React دیر یا این که زود با DOM مجازی (virtual DOM) واکنش مینمایند و تعجب مینمایند کهاین چیست و چه مزیتهایی نسبت به DOM واقعی (real DOM) ارائه می دهد، که رابط نرمافزارنویسی کاربردی cross-platform و جداگانه از لهجه میباشد که صفحه ها اینترنت را به اسکریپتها یا این که گویشهای نرم افزارنویسی متصل میسازد، و این فرمان را برای بسطدهندگان اینترنت ممکن میسازد تا صفحه ها اینترنت را با گویشهای اسکریپتنویسی مثل جاوااسکریپت اصلاح نمایند.
React، DOM را با نگه داشتن در خاطر یک نماینده مجازی UI به سطح آینده می برد و آن را با real DOM هماهنگ میسازد. virtual DOM خیر فقط declarative API برای React را فعال مینماید، بلکه به ReactJS اذن میدهد بداند دقیقا چه وقت نصیب خاصی از DOM را مجدد رندر نماید یا این که نادیده بگیرد، و هزینه بهروزرسانی real DOM را کاهش می دهد.
همینطور قابل ذکر میباشد که virtual DOM از shadow DOM، که یک تکنولوژی مرورگر میباشد که برای متغیرهای محدودهای و CSS در اجزای اینترنت پیاده سازی گردیدهاند متعدد میباشد. Shadow DOM بوسیله کل مرورگرهای والا اینترنت به جز Edge حمایت میگردد، و میاقتدار آن را با DOM مجازی React آیتم به کار گیری قرار اعطا کرد.
