آموزش ReactJS – فصل چهاردهم: مفهوم فلاکس (Flux Concept)

فلاکس یک مفهموم برنامه نویسی است که در آن جهت حرکت داده یک طرفه است. دیتا در این حالت وارد برنامه می شود و یک مسیر را طی می کند تا بر روی صفحه چاپ شود. با ما در فصل کوتاه چهاردهم آموزش ReactJS همراه باشید تا با مفهوم فلاکس و مازایای استفاده از آن آشنا شوید.

ReactJS - فصل چهاردهم: مفهوم فلاکس Flux Concept

اجزای مفهوم فلاکس (Flux Concept Elements)

در زیر توضیح کوتاه و ساده ای از المان های سبک برنامه نویسی فلاکس را مشاهده خواهید کرد. در فصل بعد به طور کامل خواهید آموخت که چگونه می توانید مفمهوم Flux را در برنامه نویسی پیاده سازی کنید.

  • Actions − اکشن ها به dispatcher ارسال می شوند تا جریان داده آغاز شود.
  • Dispatcher − این قسمت مغر اصلی توزیع داده است و داده را به Store منتقل می کند.
  • Store − استور جایی ست که استیت ها و منطق برنامه قرار دارد. هر استور یک استیت دارد که بر اساس نیاز قابل تغییر است.
  • View − این بخش اطلاعات را از Store دریافت می کند و بر روی صفحه چاپ می کند.

تصویر زیر نشان می دهد که دقیقا مفهوم فلاکس چگونه عمل می کند:

تصویر از مفهوم فلاکس flux concept

مزایای استفاده از مفهوم فلاکس

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

ویدیوها و مطالب مشابه