مفهوم 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

  • درک جریان داده تک مسیر آسان است.
  • نگه داری برنامه راحت تر است.
  • بخش های مختلف برنامه از یک دیگر جدا می شوند.

نوشته مفهوم Flux در ReactJS – آموزش ReactJS اولین بار در سورس سرا - آموزش برنامه نویسی. پدیدار شد.

درباره نویسنده: administrator

ممکن است دوست داشته باشید

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

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