وبلاگ با برنامه
» لایبرری React بهتر است یا Vue ؟
لایبرری React بهتر است یا Vue ؟
بخشی از این مقاله از vuejs.org گرداوری شده است.
ممکن است شما مشکلاتی در طراحی سایت داشته باشید که سعی در حل آنها کردید و برای حل آنها از کتابخانه دیگری استفاده کرده اید. شما اینجا هستید زیرا می خواهید بدانید که Vue می تواند مشکلات خاص شما را بهتر حل کند یا Reactjs !
React و Vue شباهت های بسیاری دارند!
· هر دو از DOM مجازی استفاده میکنند.
· هر دو کمپوننت هایی ارائه می دهد که نمای سازگار و واکنشگرایی دارد.
· هردو لایبرری ری اکت و ویو ، تمرکز خود را در core حفظ کرده اند مانند گلوبال استیت ها و روت هایی که تعریف میکنند.
· عملکرد run time : هر دو React و Vue سرعت بالایی دارند ، بنابراین بعید است سرعت از عوامل تعیین کننده در انتخاب بین آنها باشد.
بهینه سازی عملکرد و Optimization Performance
در React ، هنگامی که state در یک component تغییر کند ، باعث می شود مجدداً تمام زیرشاخه های کامپوننت رندر شود. برای جلوگیری از تکرار مجدد رندرهای غیرمورد نیاز ، لازم است که از PureComponent استفاده کنید یا در هر زمان که بخواهید باید MustComponentUpdate را پیاده سازی کنید.
همچنین ممکن است لازم باشد از ساختارهای immutable data استفاده کنید تا state شما بهینه تر تغییر کند. با این وجود ، در موارد خاص ممکن است شما به چنین بهینه سازی هایی اعتماد نکنید زیرا PureComponent / shouldComponentUpdate فرض می کند که خروجی رندر شده ای که از تمام زیرشاخه ها حاصل میشود توسط props های کمپوننت کنونی مشخص می شود. اگر اینگونه نباشد ، ممکن است چنین بهینه سازی هایی منجر به ایجاد state ناسازگار در DOM شود.
dependencies های یک کمپوننت به طور خودکار در طول رندر شدن آن ردیابی می شود ، بنابراین سیستم دقیقاً می داند در هنگام تغییر استیت ، دقیقا کدام کمپوننت ها نیاز به دوباره رندر شدن دارند. به طور کلی این قضیه، نیاز کل کلاس به بهینه سازی عملکرد را از وظایف برنامه نویسان حذف می کند و به آنها اجازه می دهد تا بیشتر روی ساخت خود برنامه تمرکز کنند.
مقایسه تمپلیت و ساختار html و css
در React ، همه چیز فقط JavaScript است. ساختارهای HTML نه تنها از طریق JSX بیان می شوند بلکه روندهای اخیر تمایل دارند مدیریت CSS را نیز درون JavaScript قرار دهند. این روش مزایای خاص خود را دارد ، اما همچنین دارای معایبی است که ممکن است برای هر توسعه دهنده ارزشمند به نظر نرسد.
Vue فن آوری های کلاسیک وب را در بر می گیرد و بالای آنها ایجاد می کند. برای اینکه به شما نشان دهیم این به چه معناست ، به مثالهایی خواهیم پرداخت.
JSX بهتر است یا Templates؟
در React ، همه کمپوننت ها با JSX ، با سینتک XML در جاوا اسکریپت کار می کند و UI خود را در تابع رندر بیان می کنند. کمپوننت های ارائه شده با JSX چند مزیت دارند:
مزیت اول: برای ساختن نمای خود می توانید از قدرت یک زبان برنامه نویسی کامل (JavaScript) استفاده کنید. این شامل متغیرهای موقتی ، کنترل مسیر داده ها و ارجاع مستقیم متغیر های let در جاوا اسکریپت است.
مزیت دوم: ابزار های (linting, type checking, editor autocompletion) برای JSX از بعضی جهات پیشرفته تر است نسبت به ابزار هایی که در حال حاضر برای الگوهای Vue موجود است.
ممنون از خوانش شما
