مقایسه ویو جی اس (vuejs) با ری اکت جی اس (reactjs) – قسمت اول

 

ری اکت و ویو جی اس در ۲و۳ سال اخیر خیلی مورد توجه قرار گرفته اند . اگرچه به صورت ماهیت فنی بخوایم در نظر بگیریم فرق هایی باهم دارند ولی به خاطر اینکه دارای مجموعه ویژگی های شبیه بهم هستند توی زمینه توسعه وب مدام باهم مقایسه می شند.

ری اکت چیست؟

ری اکت توسط غول شبکه های اجتماعی یعنی فیسبوک ایجاد  و در سال ۲۰۱۳ عمومی شده . ری اکت این امکان رو به توسعه دهنده ها وب میده که دادهها رو تو صفحه تغییر بدهند ( تو صفحه تغییر ایجاد کنند) بدون اینکه صفحه دوباره لود بشه نمونه بارزش هم خود فیسبوک که می تونید ببینید چگونه به صورت یک وب اپلیکیشن داره کار میکنه حالا اهدافیم که براش در نظر گرفته اند اینه که قابلیت اطمینان و توسعه پذیر بودن از مقیاس و سادگی رو فراهم کنه از اونجایی که جاوا اسکریپت بسیار قدرتمند تر از اچ تی ام ال عمل میکنه ، فیسبوک تصمیم گرفت اچ تی ام خودشو به صورت مستقیم از جاوا اسکریپت ایجاد کنه برای همین منظور اونا ری اکت جی اس رو ایجاد کردند ری اکت در JSX (JavaScript XML) نوشته شده است که نوعی سینتکس جاوا اسکریپتی هستش که اجازه میده توش به صورت نقل قول از اچ تی ام ال استفاده کنید که همون به معنی اینه که ارایه ای از رشته ها اسفتاده کنی . نکته اینکه ری اکت جی اس یک فریمورک نیست و یک کتابخونه هست

 

ویو چیست؟


ویو به منظور سازماندهی کردن و ساده کردن وب سایت توسط مهندس گوگل اقای ایون یو ایجاد شده . ابتدا ایشون با انگولار تو گوگل کار میکرد وهمچنین نقل و قولی که از ایشون هست میگه “تصور کنید ، چطوری میشه اگه من فقط اون بخشی از انگولارو که بهش واقعا مورد نیازم هستش رو خارج کنم و درگیر قسمت های دیگه ای نشم ” ویو جی اس رو میشه به صورت تدریجی اضافه کرد به کارمون و همچنین به عنوان فریمورک به صفحه هات تک صفحه ای سایتمون قدرت ببخشه ایون یو ویو جی اس رو یک فریمورک جاوااسکریپتی ترقی خواه نامید ،که به این معنی هست که شما میتونی کتابخونه های شبیه Vuex ، Vue Router رو به هسته ویو اضافه کنی. این افزونه ها به صورت یکپارچه با هسته ویو جی اس ترکیب می شند و ویو جی اس هم به صورت رسمی پشتیبانی میکنه

 

شباهت های ری اکت و ویو جی اس چیست ؟

جاوا اسکریپت – هردوی ویو و ری اکت با جاوا اسکریپت نوشته شده اند . ری اکت رو ECMAScript6 تمرکز کرده .ولی ویو جی اس از از ورژن ۵ و ۶ استفاده میکنه . البته برای ری اکت شما میتویند با ابزار هایی که babel داده ورژن ۵ اکما اسکریپت به کار ببری البته اگه نمیخوای ورژن ۶ استفاده کنید!

از اونجایی که هر دو دارند از جاوا استفاده میکنند کار زیاد سختی نیست یادگیری یکی دیگه رو در صورت تسلطه به یکی از این دوتا

همچنین هردوشون از TypeScript ،Flow پشتیبانی میکنند

تجربه برنامه نویسی باشکوه – هردو اینا رابط کاربری عالی رو فراهم میکنند اگه وسیله ای که براش برنامه می نویسیم جاوا اسکریپت رو درک میکنه از ویو و ری اکت میتونیم برای رابطه کاربریمون استفاده کنیم

تو هردوشون DOM مجازی کاربرد داره – DOM مجازی در واقع یک سری کتابخونه ها و الگوریتم هایی که اجازه میده کارایی فرانت بهبود پیدا کنه بدون اینکه بخواد با DOM حقیقی سرکار داشته باشه و شما با یک شی سبک جاوا اسکریپتی درخت DOM رو شبیه سازی میکنی

همچنین وجود ابزار های پیاده سازی و همچنین منابع یادگیری و راهنمایی زیادی برای هردوی ری اکت و ویو باعث امکان توسعه برای ما راحت تره بشه

همونطور که مشاهده کردید از نظر ویژگی هایی که دارند خیلی به هم نزدیکند ولی تفاوتاشون چیه ؟ این موضوع رو در مقاله بعدی براتون توضیح میدم

با ما همراه باشید

موفق باشید

local_offerevent_note خرداد ۳, ۱۳۹۷

account_box ali kaviani


local_offer

2 thoughts on “مقایسه ویو جی اس (vuejs) با ری اکت جی اس (reactjs) – قسمت اول”

    1. سلام
      با ری اکت باتوجه به اینکه نیاز به کد های بیشتر داره هزینه بیشتر داره البته با توجه تحلیلی که این مقاله کرده تو قسمت بعدی مقایسه بین کد نحوه وابسته کردن مقادیر تو اچ تی ام ال انجام میشه میتونید مشاهده کنید

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *