ویژگی های ری اکت

امید کیانی 318 بازدید 1398/06/11
ویژگی های ری اکت

کتابخانه ری اکت علاوه بر محبوبیت زیاد بین برنامه نویسان،نقش مهم و اساسی در اکوسیستم و برنامه نویسی سمت client دارد.

 

مهمترین ویژگی های reactjs عبارتند از:

JSX

Components

One-way Data Binding

Virtual DOM

Simplicity

Performance

 

 

 

JSX

JSX مخفف کلمه JavaScript XML است و یک پسوند از نوع فایل های جاوااسکریپت است.

سینتکس JSX شبیه به html یا xml است که در react استفاده می شود،این سینتکس در react درون فراخوانی های جاوااسکریپت پردازش می شود.

jsx با ES6 توسعه می یابد به طوری که می توانیم همزمان کدهای html و javascript را با استاندارهای مناسب در کنار یکدیگر قرار دهیم.

 

Components

پایه و اساس کتابخانه ری اکت،component ها هستند و پروژه ها و اپلیکیشن های بر بستر ری اکت از چندین کامپوننت تشکیل شده اند که هر کامپوننت منطق مربوط به خود را دارد.

این کامپوننت ها می توانند قابلیت استفاده مجدد،اصطلاحا reusable باشند که به ما کمک می کند تا هنگام کار بر روی پروژه های در مقیاس بزرگتر، ساختار کد را حفظ کنیم.

 

One-way Data Binding

reactjs به گونه ای طراحی شده است که جریان داده های یک طرفه را دنبال می کند که اصطلاحا به آن one-way data binding (اتصال داده های یک طرفه) می گویند و این امکان کنترل بهتر در سراسر برنامه را به ما می دهد.

اگر جریان داده ها در جهت دیگری باشد به ویژگی های اضافی دیگری نیاز داریم،به همین دلیل کامپوننت ها تغییرناپذیر است و همچنین داده های درون آنها قابل تغییر نیست .

برای یک طرفه نگه داشتن داده ها می توانیم از Flux استفاده کنیم.

(Flux یک pattern ی است که به ما کمک می کند تا داده ها را به صورت یک طرفه نگه داریم.)

این pattern باعث می شود برنامه ما انعطاف پذیرتر و کارایی بیشتری داشته باشد.

 

Virtual DOM

virtual DOM یک نماینده از DOM اصلی است.

هر زمان که یک تغییر در برنامه ما رخ می دهد،همه ی UI برنامه ما مجددا در DOM مجازی ایجاد می شود.سپس آن،تفاوت ها بین 

 DOM قبلی و DOM جدید را بررسی می کند.بعد از این کار DOM واقعی تنها قسمت هایی از برنامه که تغییر کرده است را به روز می کند.

این کار باعث سرعت بیشتر برنامه ما بدون هدر رفتن حافظه می شود.

 

Simplicity

ری اکت از فایل jsx  استفاده می کند که باعث سادگی و قابل فهم بودن برنامه می شود.

همانطور که می دانید پایه ی کتابخانه ری اکت component ها هستند که این رویکرد قابلیت استفاده مجدد (reusable) از کدهایی که نیاز دارید را فراهم می سازد.

 

Performance

امروزه کتابخانه ری اکت از نظر کارایی بهتر از فریموورک های موجود عمل کرده است و دلیل کارایی بهتر آن چیزی نیست جز مدیریت virtual DOM.

DOM کاملا در حافظه قرار دارد،به همین خاطر هنگامی که ما یک جز (component) تعریف می کنیم مستقیما در DOM واقعی قرار نمی گیرد و این کار باعث عمکلرد بهتر و سریعتر DOM می شود که ری اکت این امکان را برای ما فراهم کرده است. 

 

دیگر مقالات
امید کیانی 592 بازدید 1398/02/14
امید کیانی 218 بازدید 1398/07/11
امید کیانی 296 بازدید 1398/07/20
حمید تیموری 890 بازدید 1398/03/02
حمید تیموری 673 بازدید 1397/12/04


نظرات (0)
هنوز نظری ثبت نشده است
برای ثبت نظر ابتدا وارد سایت شوید