كيفيّة استخدام
- https://codewithandrea.com/tips/default-target-platform
defaultTargetPlatform و kIsWeb كبديل أنسب عن Platform في Flutter:- https://codewithandrea.com/tips/default-target-platform
Code With Andrea
How to use defaultTargetPlatform and kIsWeb
To detect the current platform, check for kIsWeb beforehand and use it together with defaultTargetPlatform, which doesn't import dart:io.
مقطع يوتيوب جميل يشرح الـ Synchronous BuildContexts، وما هي الطريقة المُثلى لاستخدام الـ
🟢 رابط المقطع:
- 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
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
YouTube
Synchronous BuildContexts | Decoding Flutter
Learn about Flutter's build process and its implications for using BuildContexts in button callbacks or after an asynchronous gap, as inspired by the new lint `use_build_contexts_synchronously`.
Watch more Decoding Flutter episodes → http://goo.gle/DecodingFlutter…
Watch more Decoding Flutter episodes → http://goo.gle/DecodingFlutter…
فلاتر السعودية - Saudi Flutter
إدارة الحالة (State Management): هي عمليّة التحكُّم في كيفيّة تفاعُل البيانات وتحديثها داخل التطبيق وكيفيّة انعكاس تلك التغييرات على واجهة المُستخدِم. تُعتبر إدارة الحالة من العناصر الأساسيّة في Flutter لتطوير تطبيقات فعّالة وقابلة للصيانة، حيث تَضمَن أن تَظَل…
أساسيّات إدارة الحالة (State Management):
- https://codewithandrea.com/videos/flutter-state-management-basics
- https://codewithandrea.com/videos/flutter-state-management-basics
Code With Andrea
Flutter State Management Basics and Useful Resources
An overview of Flutter's built-in widgets for managing state, along with links to the best resources from the official Flutter documentation.
مكتبة skeletonizer في Flutter تُتيح لك إضافة تأثير skeleton أو shimmer بأشكال مُتعدّدة أثناء تحميل أو جلب البيانات في تطبيقك.
🟢 رابط المكتبة:
- https://pub.dev/packages/skeletonizer
🟢 شرح جميل لاستخدام المكتبة مع Riverpod لإدارة الحالة:
- https://milad-akarie.medium.com/flutter-skeleton-loader-using-skeletonizer-13d410dc4ac7
#مكتبات_أعجبتني
🟢 رابط المكتبة:
- https://pub.dev/packages/skeletonizer
🟢 شرح جميل لاستخدام المكتبة مع Riverpod لإدارة الحالة:
- https://milad-akarie.medium.com/flutter-skeleton-loader-using-skeletonizer-13d410dc4ac7
#مكتبات_أعجبتني
Dart packages
skeletonizer | Flutter package
Converts already built widgets into skeleton loaders with no extra effort.
فلاتر السعودية - Saudi Flutter pinned «أساسيّات إدارة الحالة (State Management): - https://codewithandrea.com/videos/flutter-state-management-basics»
كيف تتجنّب الـ Singletons في Flutter وما هو البديل عنها؟
- https://codewithandrea.com/articles/flutter-singletons
- https://codewithandrea.com/articles/flutter-singletons
Code With Andrea
Singletons in Flutter: How to Avoid Them and What to do Instead
An introduction to singletons in Flutter: what problems they solve, what other ones they introduce, and what are their alternatives.
مكتبة uuid في Flutter تُتيح لك إضافة UUIDs والتعامُل معها في تطبيقك.
🟢 رابط المكتبة:
- https://pub.dev/packages/uuid
#مكتبات_أعجبتني
🟢 رابط المكتبة:
- https://pub.dev/packages/uuid
#مكتبات_أعجبتني
Dart packages
uuid | Dart package
RFC4122 (v1, v4, v5, v6, v7, v8) UUID Generator and Parser for Dart
فلاتر السعودية - Saudi Flutter
مكتبة Riverpod من أفضل المكتبات في Flutter لإدارة الحالة (State Management)؛ وذلك لسهولتها وجودتها وحداثتها وتقديمها كذلك لاختصارات كثيرة أثناء البرمجة. تستطيع البدء بتعلُّمها من الموقع الرسمي لها: - https://riverpod.dev/ وهذه مَقالة مُمتازة تختصر عليك الكثير…
إضافة 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
#إضافات_أعجبتني
🟢 رابط الإضافة على Android Studio:
- https://plugins.jetbrains.com/plugin/14641-flutter-riverpod-snippets
🟢 رابط الإضافة على VS Code:
- https://marketplace.visualstudio.com/items?itemName=robert-brunhage.flutter-riverpod-snippets
#إضافات_أعجبتني
JetBrains Marketplace
Flutter Riverpod Snippets - IntelliJ IDEs Plugin | Marketplace
Flutter Riverpod live templates Flutter Riverpod live templates is a way to enhance the way you use Riverpod. It contains a collection of different snippets such as...
إضافة 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
#إضافات_أعجبتني
🟢 رابط الإضافة على 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
#إضافات_أعجبتني
JetBrains Marketplace
Dart Data Class - IntelliJ IDEs Plugin | Marketplace
This plugin is created for those who would like to have extra data manipulation methods in their data classes without having to write boilerplate code. Check out Dart...
إضافة Flutter Tests Assistant تُتيح لك إنشاء كلاسات الـ Tests ضمن مُجلّد
🟢 رابط الإضافة على Android Studio:
- https://plugins.jetbrains.com/plugin/24789-flutter-tests-assistant
🟢 رابط إضافة بديلة (Dart Test):
- https://plugins.jetbrains.com/plugin/16299-dart-test
#معلومة: فيجوال أُستوديو كود (VS Code) يحتوي على هذه الميّزة بدون الحاجة إلى تثبيت إضافة مُستقلّة.
#إضافات_أعجبتني
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) يحتوي على هذه الميّزة بدون الحاجة إلى تثبيت إضافة مُستقلّة.
#إضافات_أعجبتني
JetBrains Marketplace
Flutter Tests Assistant - IntelliJ IDEs Plugin | Marketplace
Flutter Tests Assistant Features: - Support for creating and opening Dart test files - Mono-repo support Features Coming Soon! - Keep lib and test directories in sync...
إضافة 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
#إضافات_أعجبتني
🟢 رابط الإضافة على 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
#إضافات_أعجبتني
JetBrains Marketplace
Gutter Coverage Display - IntelliJ IDEs Plugin | Marketplace
A simple IntelliJ-based plugin to display and toggle coverage data in the gutter, specifically for the repository psa-sfdx. This plugin allows users to read external...
فلاتر السعودية - Saudi Flutter
مقطع يوتيوب جميل يشرح Flutter Testing للمُبتدئِين، يَضُم المقطع كُلًّا مِن: 1. Unit Testing. 2. Mocks. 3. Widget Testing. 4. Integration Testing. 🟢 رابط المقطع: - https://www.youtube.com/watch?v=RDY6UYh-nyg
docs.flutter.dev
Testing Flutter apps
Learn more about the different types of testing and how to write them.
ما هو الفرق بين faking، mocking، و stubbing في الـ Unit Testing؟
- https://stackoverflow.com/questions/346372/whats-the-difference-between-faking-mocking-and-stubbing
- https://stackoverflow.com/questions/346372/whats-the-difference-between-faking-mocking-and-stubbing
Stack Overflow
What's the difference between faking, mocking, and stubbing?
I know how I use these terms, but I'm wondering if there are accepted definitions for faking, mocking, and stubbing for unit tests? How do you define these for your tests? Describe situations whe...
فلاتر السعودية - Saudi Flutter
هل تعلم أنّه بإمكانك برمجة Backend بشكلٍ كامل باستخدام Dart كلُغة برمجة ومكتبات رسميّة مثل shelf كـ Web Server Middleware واستضافة هذا الحل بِعدّة طُرق، مِنها موقع Globe.dev! 🟢 هذه بعض المصادر المُفيدة: - https://pub.dev/packages/shelf - https://codewit…
مكتبة serverpod في Flutter تعمل كـ Web & App Server، مبنيّة بالكامل باستخدام Dart وهي مفتوحة المصدر. تُتيح لك برمجة Backend بشكلٍ كامل لتطبيقك على Flutter. أرى أنّها أفضل بديل لمكتبة shelf الرسميّة خاصّةً بعد الإصدار الجديد Serverpod 3.
🟢 رابط المكتبة:
- https://pub.dev/packages/serverpod
🟢 رابط الموقع الرسمي:
- https://serverpod.dev
#مكتبات_أعجبتني
🟢 رابط المكتبة:
- https://pub.dev/packages/serverpod
🟢 رابط الموقع الرسمي:
- https://serverpod.dev
#مكتبات_أعجبتني
Dart packages
serverpod | Dart package
Serverpod is an open-source, scalable app server, written in Dart for the Flutter community.
فلاتر السعودية - Saudi Flutter pinned «مكتبة serverpod في Flutter تعمل كـ Web & App Server، مبنيّة بالكامل باستخدام Dart وهي مفتوحة المصدر. تُتيح لك برمجة Backend بشكلٍ كامل لتطبيقك على Flutter. أرى أنّها أفضل بديل لمكتبة shelf الرسميّة خاصّةً بعد الإصدار الجديد Serverpod 3. 🟢 رابط المكتبة: …»
فلاتر السعودية - Saudi Flutter
مقطع يوتيوب جميل يشرح Flutter Testing للمُبتدئِين، يَضُم المقطع كُلًّا مِن: 1. Unit Testing. 2. Mocks. 3. Widget Testing. 4. Integration Testing. 🟢 رابط المقطع: - https://www.youtube.com/watch?v=RDY6UYh-nyg
كيف تقوم بكتابة Robots (روبوتات) قابلة للقراءة أثناء كتابة Tests لتطبيقك على Flutter (ما يُسمّى بِـ Robot Testing):
- https://www.verygood.ventures/blog/robot-testing-in-flutter
- https://www.verygood.ventures/blog/robot-testing-in-flutter
www.verygood.ventures
Readable Robot Tests: Bridge the Tech Gap
We show you how to implement the Robot Testing pattern in Flutter.
فلاتر السعودية - Saudi Flutter
أداة Maestro: أسهل أداة لعمل UI Testing لتطبيقك على الأجهزة الذكيّة والويب! 🟢 رابط الأداة والمصادر: - https://maestro.dev - https://docs.maestro.dev - https://docs.maestro.dev/api-reference/commands - https://docs.maestro.dev/getting-started/maestro-studio…
مكتبة patrol في Flutter تُتيح لك عمل UI Testing مع إمكانيّة الوصول لِلـ Native APIs والتعامُل معها بكل سُهولة.
🟢 رابط المكتبة:
- https://pub.dev/packages/patrol
🟢 مصادر إضافيّة:
- https://tinyurl.com/439f8y4k
- https://patrol.leancode.co
#مكتبات_أعجبتني
🟢 رابط المكتبة:
- https://pub.dev/packages/patrol
🟢 مصادر إضافيّة:
- https://tinyurl.com/439f8y4k
- https://patrol.leancode.co
#مكتبات_أعجبتني
Dart packages
patrol | Flutter package
Powerful Flutter-native UI testing framework overcoming limitations of existing Flutter testing tools. Ready for action!
مكتبة flutter_dynamic_icon_plus في Flutter تُتيح لك تغيير أيقونة تطبيقك بشكل ديناميكي.
🟢 رابط المكتبة:
- https://pub.dev/packages/flutter_dynamic_icon_plus
#مكتبات_أعجبتني
🟢 رابط المكتبة:
- https://pub.dev/packages/flutter_dynamic_icon_plus
#مكتبات_أعجبتني
Dart packages
flutter_dynamic_icon_plus | Flutter package
A flutter plugin for dynamically changing app icon, support IOS version > 10.3 and Android