بخش های اصلی

آموزش ReactJS

ReactJS – مفهوم Flux

Flux یک مفهوم برنامه نویسیِه و داده ی uni-directional است. این داده وارد برنامه میشه و از طریق برنامه در مسیری جریان پیدا می کنه تا این که بلاخره در صفحه نمایش رِندِر میشه.

عناصرِ Flux

در این قسمت توضیح ساده ای از مفهومِ flux آورده شده. در آموزش بعدی نحوه ی پیاده سازی flux در برنامه را توضیح میدیم.

  • Actionها – Actionها برای اجرای جریان داده ها به dispatcher فرستاده میشن.
  • Dispatcher – هابِ (hub) مرکزی برنامه ست. تمام داده ها dispatched میشن و به storeها فرستاده میشن.
  • Store – Store مکانیِه که state (وضعیت) برنامه و منطق در آن نگهداری میشن. هر storeای یک state (وضعیت) خاص را نگه میداره و در صورت نیاز آن را به روز رسانی می کنه.
  • Viewview داده ها را از store دریافت می کنه و برنامه را دوباره رِندِر می کنه.

در عکس زیر، جریان داده را مشاهده می کنین.

react flux concept image

مزایای Flux

  • درک جریان داده ی تک مسیر (Single directional data flow) آسانِه.
  • نگهداری برنامه راحت ترِه.
  • بخش های برنامه مستقل اند.

مبحث آموزشی

آموزش ReactJS

Learn ReactJS

پرســیدن سؤال جدید

سؤال های تخصصی خود را از ما بپرسید

تبلیغات

دنبال کردن تلگرام کانال سافت اسکیل

https://telegram.me/softskill_ir

عملیات کاربران

خبـرنــامه

Newsletters

در خبــرنـامه سافت اسکیل عضو شویــد تا جدیدترین هـای سایت را بلافاصله در ایمیل خـود دریافت کنیـد