مكتبة gal في Flutter تُتيح لك حفظ المقاطع والصور في الأستوديو.

🟢 رابط مكتبة gal:

- https://pub.dev/packages/gal

#مكتبات_أعجبتني

موقع Flutter Gems: موقع مُفيد جدًا عبارة عن قائمة مُختارَة تضُم أكثر من 7000 مكتبة Flutter و Dart يتم تصنيفُها بناءً على الوظيفة.

🟢 رابط الموقع:

- https://fluttergems.dev

#مواقع_أعجبتني

التصميم التكيُّفي في Flutter:

- https://docs.flutter.dev/ui/adaptive-responsive

مُعالجة الأخطاء في Flutter:

- https://docs.flutter.dev/testing/errors

سلسلة مُميّزة لاحتراف DevTools في Dart و Flutter:

- https://medium.com/@fluttergems/mastering-dart-flutter-devtools-series-introduction-installation-part-1-of-8-4f703a8cfcc8

موقع {JSON} Placeholder: موقع مُمتاز لتجربة الربط مع APIs مجانيّة في تطبيقك.

🟢 رابط الموقع:

- https://jsonplaceholder.typicode.com

#مواقع_أعجبتني

في التحديث الأخير لِـ Flutter (تحديث 3.38) و Dart (تحديث 3.10) والذي تم إصدارُها قبل مُدّة، تمّت إضافة العديد من الميّزات، من أهمّها: ميّزة الاختصارات (Dot shorthands).

🟢 رابط الإعلان عن التحديثات الجديدة (3.38 و 3.10):

- https://blog.flutter.dev/whats-new-in-flutter-3-38-3f7b258f7228
- https://blog.dart.dev/announcing-dart-3-10-ea8b952b6088
- https://dart.dev/language/dot-shorthands

كيفيّة استخدام defaultTargetPlatform و kIsWeb كبديل أنسب عن Platform في Flutter:

- https://codewithandrea.com/tips/default-target-platform

مقطع يوتيوب جميل يشرح الـ Synchronous BuildContexts، وما هي الطريقة المُثلى لاستخدام الـ BuildContext داخل الـ Asynchronous gaps و Button callbacks.

🟢 رابط المقطع:

- https://www.youtube.com/watch?v=bzWaMpD1LHY

🟢 هذه مَقالة أيضًا تشرح نفس المقطع في الأعلى كِتابيًّا:

- https://github.com/bizz84/flutter-tips-and-tricks/blob/main/tips/0060-build-context-async-gaps/index.md

أساسيّات إدارة الحالة (State Management):

- https://codewithandrea.com/videos/flutter-state-management-basics

مكتبة skeletonizer في Flutter تُتيح لك إضافة تأثير skeleton أو shimmer بأشكال مُتعدّدة أثناء تحميل أو جلب البيانات في تطبيقك.

🟢 رابط المكتبة:

- https://pub.dev/packages/skeletonizer

🟢 شرح جميل لاستخدام المكتبة مع Riverpod لإدارة الحالة:

- https://milad-akarie.medium.com/flutter-skeleton-loader-using-skeletonizer-13d410dc4ac7

#مكتبات_أعجبتني

كيف تتجنّب الـ Singletons في Flutter وما هو البديل عنها؟

- https://codewithandrea.com/articles/flutter-singletons

مكتبة uuid في Flutter تُتيح لك إضافة UUIDs والتعامُل معها في تطبيقك.

🟢 رابط المكتبة:

- https://pub.dev/packages/uuid

#مكتبات_أعجبتني

إضافة Flutter Riverpod Snippets تُتيح لك كتابة الأكواد الخاصّة بِـ Riverpod بشكلٍ أسرع عبر الإكمال التلقائي.

🟢 رابط الإضافة على Android Studio:

- https://plugins.jetbrains.com/plugin/14641-flutter-riverpod-snippets

🟢 رابط الإضافة على VS Code:

- https://marketplace.visualstudio.com/items?itemName=robert-brunhage.flutter-riverpod-snippets

#إضافات_أعجبتني

إضافة Dart Data Class تُتيح لك كتابة Data Classes (Models) بشكلٍ أسرع عبر الإنشاء التلقائي لها.

🟢 رابط الإضافة على Android Studio:

- https://plugins.jetbrains.com/plugin/12429-dart-data-class

🟢 رابط الإضافة على VS Code تحت اسم Dart Data Class Generator:

- https://marketplace.visualstudio.com/items?itemName=hzgood.dart-data-class-generator

#إضافات_أعجبتني

إضافة Flutter Tests Assistant تُتيح لك إنشاء كلاسات الـ Tests ضمن مُجلّد test مع الحفاظ على هيكل المشروع (Project Structure)، كمِثال: Feature-first.

🟢 رابط الإضافة على Android Studio:

- https://plugins.jetbrains.com/plugin/24789-flutter-tests-assistant

🟢 رابط إضافة بديلة (Dart Test):

- https://plugins.jetbrains.com/plugin/16299-dart-test

#معلومة: فيجوال أُستوديو كود (VS Code) يحتوي على هذه الميّزة بدون الحاجة إلى تثبيت إضافة مُستقلّة.

#إضافات_أعجبتني

إضافة Gutter Coverage Display تقوم بإظهار الأكواد البرمجيّة التي تم تضمينُها أو تغطيتُها في الـ Test Coverage.

🟢 رابط الإضافة على Android Studio:

- https://plugins.jetbrains.com/plugin/25087-gutter-coverage-display

🟢 رابط الإضافة على VS Code تحت اسم Coverage Gutters:

- https://marketplace.visualstudio.com/items?itemName=ryanluker.vscode-coverage-gutters

🟢 رابط إضافة أُخرى على VS Code (Flutter Coverage):

- https://marketplace.visualstudio.com/items?itemName=Flutterando.flutter-coverage

#معلومة: في VS Code، يُمكن استخدام الإضافتين أعلاه معًا، للمزيد:

- https://codewithandrea.com/articles/flutter-test-coverage

#إضافات_أعجبتني

اختبار تطبيقات Flutter:

- https://docs.flutter.dev/testing/overview