مفهوم Flux در ReactJS – آموزش ReactJS

  • پنج شنبه ۲۳ اسفند ۱۳۹۷
  • بازدید ۲۸ نفر

reactjs flux concept 6176 تصویر

مفهوم Flux در ReactJS

Flux یک مفهوم برنامه نویسی و یک الگو برای مدیریت جریان داده در برنامه است. مهمترین مفهوم جریان یک طرفه داده ها است. این داده ها وارد برنامه می شوند و از طریق آن در یک جهت جریان می یابد تا آن که بر روی صفحه نمایش داده شود.

عناصر Flux

مثال زیر مفهوم Flux در ReactJS را توضیح می دهد. در بخش بعدی نحوه پیاده سازی flux در ReactJS را بررسی خواهیم کرد.

  • Action : اکشن ها به منظور اجرای جریان داده به dispatcher فرستاده می شوند.
  • Dispatcher : هاب مرکزی برنامه است. تمام داده توزیع شده (dispatch) و به store فرستاده می شوند.
  • Store : جایی است که state و منطق برنامه در آن نگه داری می شود. هر store یک state خاص دارد و در صورت نیاز به روز رسانی می شود.
  • View : ویو اطلاعات را از Store می گیرد و برنامه را دوباره رندر می کند.

جریان داده در تصویر زیر نشان داده شده است.

reactjs flux concept 6176 1 تصویر

مزایای Flux

  • درک جریان داده تک مسیر آسان است.
  • نگه داری برنامه راحت تر است.
  • بخش های مختلف برنامه از یک دیگر جدا می شوند.
ثبت نظر
ریفریش کنید!
نظرات کاربران (۰ مورد)

هیچ نظری ثبت نشده است