خانه / برنامه نویسی / مفهوم Flux در ReactJS – آموزش ReactJS

مفهوم 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 اولین بار در سورس سرا – آموزش برنامه نویسی. پدیدار شد.


لينک منبع

درباره ی admin

همچنین ببینید

آموزش آپاچی اسپارک در ۷ روز – گیت

اگر به دنبال راهی هستید تا در مدت زمان کوتاهی مفاهیم اصلی Apache Spark را …

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

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