ما هى مكتبات ادارة الحالة فى Angular و Vue ؟

مرحباً احمد،

بالنسبة لـ Angular: يتم استخدام  ngrx/store وهو امتداد لإدارة الحالة مستوحى من Redux وبالتالي يمكن عن طريقه استخدام جميع الخاصيات الموجودة ضمن Redux مثل: (Store, Actions, Reducer,...).

أما في Vue: فيتم استعمال مكتبة Vuex Store وهو بمثابة متجر مركزي لجميع المكونات ضمن التطبيق، ومن أهم أدواره بأنه يقوم بحفظ الحالة وينظم عمليات تحديث البيانات ضمنها ويجعلها تشاركية مع جميع المكونات ضمن التطبيق عن طريق بناء قواعد لها.

أما في Flutter: فيوجد العديد من الخيارات الممكنة لإدارة الحالة ومنها:
- عن طريق استخدام Provider وهو المرجح والمعتمد من الموقع الرسمي.
- عن طريق استخدام setState لإدارة الحالات المؤقتة الخاصة بكل widget

- عن طريق استخدام Redux أو Fish -redux

- عن طريق استخدام  Bloc / Rx ويتم عبرها التعامل مع الحالة عن طريق stream
وغيرها..

أما بما يخص التعامل مع API، فطبعاً يمكن استخدام axios مع Angular و Vue ولكن بالنسبة لـ Flutter فالمكتبة الأساسية هي HTTP ويمكنك تحميلها وتضمينها من الموقع الرسمي.
 

في Flutter هناك عدة مكتبات لأدارة الحالة في التطبيق من أشهرها: 

1- Bloc 

2- Provider 

3- استخدام SetState().

4- Redux

5- Fish-Redux

6- GetIt

7- MobX

8- Binder

9- GetX

10- RiverPood

يمكنك زيارة الموقع الرسمي لفريم وورك Flutter و مراجعة جميع مكتبات إدارة الحالة.

مرحبًا أحمد

المكتاب مثل Axios يمكن تثبيتها مع أي إطار عمل لذلك بإمكانك أن تستعملها مع vue أو Angular بدون مشكلة، بالنسبة لـ flutter يمكنك أن تستخدم حزمة http.

أما لإدارة الحالة فيوجد VueX لـ Vue بيطبيعة الحال، و Ngrx لـ Angular، و bloc لـ flutter

في هذا المستودع على GitHub يوجد الكثير من المكتبات والحزم الخاصة بـ Flutter التي ستساعدك على الإطلاع أكثر.

وبالمثل ستجد مستودعات مشابهة لكل من Vue, Angular, React

• awesome-vue
• awesome-react
• awesome-angular

هذه المستودعات يتم تحديثها كل فترة من قبل المئات من الأشخاص وسوف تساعدك على الإستطلاع.