مفهوم Flux در ReactJS
Flux یک مفهوم برنامه نویسی و یک الگو برای مدیریت جریان داده در برنامه است. مهمترین مفهوم جریان یک طرفه داده ها است. این داده ها وارد برنامه می شوند و از طریق آن در یک جهت جریان می یابد تا آن که بر روی صفحه نمایش داده شود.
عناصر Flux
مثال زیر مفهوم Flux در ReactJS را توضیح می دهد. در بخش بعدی نحوه پیاده سازی flux در ReactJS را بررسی خواهیم کرد.
- Action : اکشن ها به منظور اجرای جریان داده به dispatcher فرستاده می شوند.
- Dispatcher : هاب مرکزی برنامه است. تمام داده توزیع شده (dispatch) و به store فرستاده می شوند.
- Store : جایی است که state و منطق برنامه در آن نگه داری می شود. هر store یک state خاص دارد و در صورت نیاز به روز رسانی می شود.
- View : ویو اطلاعات را از Store می گیرد و برنامه را دوباره رندر می کند.
جریان داده در تصویر زیر نشان داده شده است.
مزایای Flux
- درک جریان داده تک مسیر آسان است.
- نگه داری برنامه راحت تر است.
- بخش های مختلف برنامه از یک دیگر جدا می شوند.
نوشته مفهوم Flux در ReactJS – آموزش ReactJS اولین بار در سورس سرا - آموزش برنامه نویسی. پدیدار شد.