مفهوم Flux در ReactJS

فیلم های آموزشی ReactJS

آموزش ReactJS

مروری بر مطالب ReactJS

برپا کردن محیط ReactJS

JSX در ReactJS

اجزا(Component) در ReactJS

حالت(State) های ReactJS

مروری بر Props مربوط به ReactJS

ارزیابی ویژگی (Prop Validation) در ReactJS

API جز (API Component) در ReactJS

چرخه عمر اجزا(Component Life Cycle) در ReactJS

فرم(Forms) در ReactJS

رویداد(Events) مربوط به ReactJS

Ref ها مربوط به ReactJS

کلیدها Keys در ReactJS

روتر Router در ReactJS

مفهوم Flux در ReactJS

استفاده از Flux ها در ReactJS

انیمیشن (Animation) در ReactJS

اجزای با مرتبه بالاتر(Higher Order Components) در ReactJS

بهترین شیوه در ReactJS

Flux یک مفهوم برنامه نویسی بوده که طی آن داده در یک مسیر حرکت می کند. این داده به برنامه وارد شده و تا زمانی که در صفحه نمایش داده شود، در آن به جریان می افتد.

عناصر فلاکس در ReactJS

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

Actions : اکشن ها جهت فعال کردن جریان داده به dispatcher ارسال می شوند.
Dispatcher : این بخش مرکز مهم برنامه است. تمامی داده ها به store ها ارسال می شوند.
Store : Store مکانی است که در آن حالت و منطق برنامه نگهداری می شوند. هر یک از Store ها حالت خاصی را نگهداری می کند و هر زمان که نیاز باشد آن را به روز می کند.
View : view داده را از Store دریافت کرده و برنامه را مجددا رندر می کند.

جریان داده در تصویر زیر نمایش داده شده است.