بخشی از این مقاله از سایت acowebs.com ترجمه شده است.
توسعه وب در گذشته به سرعت رشد کرده است. معرفی چارچوب ها و کتابخانه های قدرتمند ، رویکرد HTML ، CSS و Javascript را پیش گرفته است. این چهارچوب ها و کتابخانه ها باعث شده است که توسعه وب کارآمدتر و انعطاف پذیر باشد. وب سایت های داینامیک و استاتیک با استفاده از چارچوب ها و کتابخانه ها ایجاد می شوند. آنها معمولاً مبتنی بر مدل MVC هستند. یکی از این موارد ، یک کتابخانه قدرتمند ReactJS است که برای توسعه front end استفاده می شود.
ReactJS یک کتابخانه جاوا اسکریپت است که توسط فیس بوک برای رابط کاربری در سال 2013 ساخته شده است. برای ایجاد وب یک صفحه یا برنامه های تلفن همراه استفاده می شود. این یک کتابخانه قدرتمند است که برای واکشی داده هایی که به سرعت در حال تغییر است، مطلوب است. عملکرد اصلی آن ارائه اطلاعات است. DOM در صفحه وب همان چیزی است که ReactJS را هدف قرار می دهد. اما آنچه بیشترین کارآیی را ایجاد می کند این است که کل صفحه وب را بروزرسانی نمی کند ، در عوض فقط بخشی از DOM را تغییر می دهد. این سرعت کدنویسی ما را را به شدت افزایش می دهد. بیایید این را با یک مثال ساده درک کنیم.
همه ما از فیس بوک استفاده می کنیم. فرض کنید یکی از دوستان ما عکسی را در فیس بوک ارسال کرده است که در فید ما قابل مشاهده است. در حال حاضر صفر لایک و نظر درباره عکس دوست ما وجود دارد. وقتی دکمه like را فشار می دهیم ، تعداد لایک ها بالا می رود. در عرض چند ثانیه ، تعداد لایک و نظر به طور خودکار افزایش می یابد زیرا افراد دیگر نیز عکس دوست ما را دوست دارند و نظر می دهند. این ها همه بدون بارگذاری مجدد صفحه اتفاق می افتد. این همان کاری است که ReactJS انجام می دهد.
همه اتفاقات گفته شده بخاطر این رخ میدهند که Reactjs از یک DOM مجازی به نام VirtualDOM استفاده میکند. اتصال داده ها آن هم به روش یک طرفه بدان معنی است که داده ها فقط در یک جهت جریان می یابند. این امر باعث میشود کنترل بهتری بر داده ها وجود داشته باشد. داده ها فقط از یک طریق یعنی از طریق کمپوننت های والد به کمپوننت های بچه منتقل میشوند. این کار توسط یک read-only prop صورت میگیرد. این prop ها نمیتوانند به والدین بازگردند و این یعنی یکطرفه بودن! اگرچه راه کاملا بسته نیست و با callback function میتوان با والد ارتباط برقرار کرد.
برنامه نویسی یک صفحه از وب در Reactjs به نوشتن کمپوننت های مختلف تقسیم میشود. هر کمپوننت یک نما یا چند نما از صفحه را مشخص مینماید. لایبرری Reactjs یک لایببری مبتی بر کمپوننت است. به همین دلیل از jsx استفاده میشود. Jsx یک اکستنشن برای زبان جاوااسکریپت است. قاعده نوشتاری ان مثل html می باشد. کمپوننت های Reactjs به همین قاعده نوشته میشوند. Jsx را که میبینید گویی کدهای جاوااسکریپت با html ادغام شده اند.
· ReactJS از DOM مجازی استفاده می کند که باعث می شود تجربه کاربر بهتر شود. همچنین باعث می شود کار توسعه دهنده کمتر پیچیده شود.
· JSX در ReactJS استفاده می شود که یادگیری آن بسیار ساده و آسان است.
· در ReactJS نیازی به فایل های جداگانه برای نشانه گذاری وجود ندارد.
· ReactJS یک کتابخانه منبع باز است که توسط فیس بوک نگهداری می شود. این کتابخانه دائما در حال توسعه است.
· Data-binding باعث می شود کد React بسیار پایدار باشد.
· ReactJS همچنین یک پلتفرم برای موبایل ارائه می دهد که به React Native معروف است.
· ReactJS نسبت به سایر فریمورک های وب برای ارائه سریعتر است.
· عبارات شرطی در ReactJS بکار رفته میشوند.
· انجام سئو و بهینه سازی محتوای سایت با Reactjs بسیار راحت است.
· این مجموعه ابزار توسعه دهنده عالی دارد.
از مطالعه شما سپاسگذارم!
تبلیغات افزایش بازدید و افزایش فروش در ارم بلاگ
مشاهده
وبلاگ با برنامه
مطلب مرتبط
آموزش Communication در هوانوردی
