معرفی Redux در React Native

م

Redux چیست ؟

 

redux یک الگوی الهام گرفته از معماری flux فیسبوک میباشد بنابراین برای فهم redux بهتر است ابتدا flux رو به شما معرفی کنم تا نحوه به وجود آمدن redux و تفاوتش با flux برای شما بدرستی مشخص شود.

از Redux در معماری یا فریمورک React Native جهت مدیریت راحت تر State ها استفاده می شود.

Flux چیست ؟

flux به نوعی یک باز سازی از ایده های قبلی mvc ، mvvm و twoway data binding است که یک جریان جدید در فرانت به نام undirectional data flow رو معرفی میکنه و از سه بخش اصلی stores , dispatcher و action تشکیل شده است

روش کار Flux به شرح زیر می باشد :

  1. در ابتدا مجموعه ای از store ها به action ها subscribe می شوند.
  2. بعد از اینکه یک action در ui اتفاق می افتد به dispatcher اطلاع داده می شود.
  3. dispatcher به store های subscribe شده اطلاع رسانی می کند تا خودرا بروز رسانی کنند.
  4. state مربوط به هر store ها با توجه به action بروزرسانی می شود.
  5. در انتها ui هم با توجه به state های جدید بروزرسانی می شود.

روش کار Redux :

از آنجاییکه redux نشات گرفته از flux است تفاوت و شباهت هایی باهم دارند، مثلا redux فقط از یک store تنها استفاده میکند و action ها مستقیما توسط store مدیریت میشوند پس دیگر نیازی به dispatcher نبوده و مفهومی بنام reducer جایگزین آن شده است و همچنین middleware که میتواند action ها رو حذف و اضافه کند یا تغییری در آنها بدهد.

  1. وقتی یک action در ui اتفاق می افتد ، reducer بر اساس action و state جاری که برای آن فرستاده شده ، یک state جدید می سازد و به store می دهد.
  2. به محض اینکه یک action باعث تغییر یک state شود و state جدید توسط reducer ساخته شود ، store به کسانی که باید از این state مطلع شوند اطلاع رسانی می کند.

درصورتی که شما توسعه دهنده یا برنامه نویس React Native هستید و با Redux آشنایی کامل دارید ، رزومه خودرا به job [at] ishahin [dot] biz ارسال کنید.

افزودن دیدگاه

1 × 4 =

نوشته‌های تازه

دسته‌ها

برچسب ها