107
قناة مختصّة بالجديد والمُفيد عن فلاتر. فلاتر: هي إطار مفتوح المصدر لمجموعة أدوات وبرمجيات لتطوير واجهة المستخدم تم إنشاؤها بواسطة قوقل. يمكن استخدامها لتطوير تطبيقات متعددة المنصات (ويب، أندرويد، iOS، لينكس، macOS، ويندوز، وغيرها) باستخدام كود برمجي واحد.
مكتبة flutter_layout_grid في Flutter تُتيح لك إضافة نظام تخطيط شبكي (Grid Layout) قوي ومُعقّد.
🟢 رابط المكتبة:
- https://pub.dev/packages/flutter_layout_grid
#مكتبات_أعجبتني
الدليل الشامل لِـ Non-Nullable Types و Null Safety في لغة Dart:
- https://codewithandrea.com/videos/dart-null-safety-ultimate-guide-non-nullable-types
كيفيّة طلب التقييم داخل تطبيقك في Flutter:
- https://codewithandrea.com/articles/flutter-in-app-review-prompt
أداة Flutter Version Management (FVM): أداة مُفيدة جدًا حيثُ تُتيح لك التحكّم وإدارة عدّة نُسخ من Flutter لتشغيل أي مشروع لديك حتى لو كانت نُسخة فلاتر المُستخدمَة في المشروع قديمة جدًا.
🟢 رابط الأداة:
- https://fvm.app
#أدوات_أعجبتني
مكتبة flutter_rating_bar في Flutter تُتيح لك إضافة ميّزة التقييم لتطبيقك مع إمكانيّة التخصيص بأي شكل.
🟢 رابط المكتبة:
- https://pub.dev/packages/flutter_rating_bar
#مكتبات_أعجبتني
مكتبة flutter_dynamic_icon_plus في Flutter تُتيح لك تغيير أيقونة تطبيقك بشكل ديناميكي.
🟢 رابط المكتبة:
- https://pub.dev/packages/flutter_dynamic_icon_plus
#مكتبات_أعجبتني
كيف تقوم بكتابة Robots (روبوتات) قابلة للقراءة أثناء كتابة Tests لتطبيقك على Flutter (ما يُسمّى بِـ Robot Testing):
- https://www.verygood.ventures/blog/robot-testing-in-flutter
ما هو الفرق بين faking، mocking، و stubbing في الـ Unit Testing؟
- https://stackoverflow.com/questions/346372/whats-the-difference-between-faking-mocking-and-stubbing
إضافة 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
#إضافات_أعجبتني
إضافة 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
#إضافات_أعجبتني
مكتبة uuid في Flutter تُتيح لك إضافة UUIDs والتعامُل معها في تطبيقك.
🟢 رابط المكتبة:
- https://pub.dev/packages/uuid
#مكتبات_أعجبتني
مكتبة skeletonizer في Flutter تُتيح لك إضافة تأثير skeleton أو shimmer بأشكال مُتعدّدة أثناء تحميل أو جلب البيانات في تطبيقك.
🟢 رابط المكتبة:
- https://pub.dev/packages/skeletonizer
🟢 شرح جميل لاستخدام المكتبة مع Riverpod لإدارة الحالة:
- https://milad-akarie.medium.com/flutter-skeleton-loader-using-skeletonizer-13d410dc4ac7
#مكتبات_أعجبتني
مقطع يوتيوب جميل يشرح الـ 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
في التحديث الأخير لِـ 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
سلسلة مُميّزة لاحتراف DevTools في Dart و Flutter:
- fluttergems/mastering-dart-flutter-devtools-series-introduction-installation-part-1-of-8-4f703a8cfcc8" rel="nofollow">https://medium.com/@fluttergems/mastering-dart-flutter-devtools-series-introduction-installation-part-1-of-8-4f703a8cfcc8
الدليل الشامل والرسمي لترجمة تطبيقات Flutter:
- https://docs.flutter.dev/ui/internationalization
أهم 16 نصيحة وحيلة في لغة Dart يجب على كُل مُطوّر Flutter معرفتها!
- https://codewithandrea.com/videos/top-dart-tips-and-tricks-for-flutter-devs
أمثلة مُمتازة لكيفيّة استخدام مكتبة Riverpod والاستفادة منها بتطبيقات عمليّة ومشاريع مُتكاملة.. استخدمها كمرجع عند الحاجة:
- https://github.com/rrousselGit/riverpod/tree/master/examples
مكتبة flutter_form_builder في Flutter تُساعدك في إنشاء النماذج أو الـ Forms في فلاتر بكل سُهولة مع إمكانيّة التحقّق من البيانات المُدخلَة وغيرها من الميّزات.
🟢 رابط المكتبة:
- https://pub.dev/packages/flutter_form_builder
🟢 رابط مكتبة form_builder_validators لإضافة ميّزات التحقّق:
- https://pub.dev/packages/form_builder_validators
#مكتبات_أعجبتني
فريق Dart و Flutter أعلن مُنذ مُدّة قريبة عن البداية الجديدة في تعلّم فلاتر ودارت بسلسلة دروس ومسارات جديدة ومُتنوّعة، للمزيد:
- https://blog.flutter.dev/announcing-our-new-dart-and-flutter-getting-started-experience-b8c4b2be0984
- https://docs.flutter.dev/learn/pathway
مكتبة patrol في Flutter تُتيح لك عمل UI Testing مع إمكانيّة الوصول لِلـ Native APIs والتعامُل معها بكل سُهولة.
🟢 رابط المكتبة:
- https://pub.dev/packages/patrol
🟢 مصادر إضافيّة:
- https://tinyurl.com/439f8y4k
- https://patrol.leancode.co
#مكتبات_أعجبتني
مكتبة serverpod في Flutter تعمل كـ Web & App Server، مبنيّة بالكامل باستخدام Dart وهي مفتوحة المصدر. تُتيح لك برمجة Backend بشكلٍ كامل لتطبيقك على Flutter. أرى أنّها أفضل بديل لمكتبة shelf الرسميّة خاصّةً بعد الإصدار الجديد Serverpod 3.
🟢 رابط المكتبة:
- https://pub.dev/packages/serverpod
🟢 رابط الموقع الرسمي:
- https://serverpod.dev
#مكتبات_أعجبتني
اختبار تطبيقات Flutter:
- https://docs.flutter.dev/testing/overview
إضافة 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) يحتوي على هذه الميّزة بدون الحاجة إلى تثبيت إضافة مُستقلّة.
#إضافات_أعجبتني
إضافة 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
#إضافات_أعجبتني
كيف تتجنّب الـ Singletons في Flutter وما هو البديل عنها؟
- https://codewithandrea.com/articles/flutter-singletons
أساسيّات إدارة الحالة (State Management):
- https://codewithandrea.com/videos/flutter-state-management-basics
كيفيّة استخدام defaultTargetPlatform و kIsWeb كبديل أنسب عن Platform في Flutter:
- https://codewithandrea.com/tips/default-target-platform
موقع {JSON} Placeholder: موقع مُمتاز لتجربة الربط مع APIs مجانيّة في تطبيقك.
🟢 رابط الموقع:
- https://jsonplaceholder.typicode.com
#مواقع_أعجبتني
مُعالجة الأخطاء في Flutter:
- https://docs.flutter.dev/testing/errors