ما هي أنواع الـ Widget Keys في Flutter، ومتى تستخدِمُها؟
- https://www.youtube.com/watch?v=kn0EOS-ZiIc
- https://www.youtube.com/watch?v=kn0EOS-ZiIc
YouTube
When to Use Keys - Flutter Widgets 101 Ep. 4
In this episode, you will learn about key parameters on widgets: when you need keys, where to put keys in your widget tree, and which key is right for you. More specifically, you'll learn about he nuances of how keys work, discern when to use keys in your…
ما هو الفرق بين الـ Widgets و الـ Helper methods في Flutter؟ ولماذا استخدام الويدجتس أفضل؟
- https://www.youtube.com/watch?v=IOyq-eTRhvo
- https://www.youtube.com/watch?v=IOyq-eTRhvo
YouTube
Widgets vs helper methods | Decoding Flutter
Flutter developers are well-acquainted with widget build methods that grow, and grow… and grow. In this video, Craig Labenz compares two different ways to break up those unwieldy build methods; and how the best option may be different than what you originally…
ما هو الفرق بين Go و Push عند استخدام مكتبة GoRouter في Flutter؟
- https://codewithandrea.com/articles/flutter-navigation-gorouter-go-vs-push/
🟢 رابط مكتبة GoRouter:
- https://pub.dev/packages/go_router
#مكتبات_أعجبتني
- https://codewithandrea.com/articles/flutter-navigation-gorouter-go-vs-push/
🟢 رابط مكتبة GoRouter:
- https://pub.dev/packages/go_router
#مكتبات_أعجبتني
Code With Andrea
Flutter Navigation with GoRouter: Go vs Push
An in-depth explanation of the difference between Go and Push when using GoRouter for declarative routing.
ما هو الفرق بين Feature-first و Layer-first في هيكلة مشاريع Flutter؟ ولماذا Feature-first أفضل على المدى البعيد خاصّةً مع المشاريع الكبيرة؟
- https://codewithandrea.com/articles/flutter-project-structure/
- https://codewithandrea.com/articles/flutter-project-structure/
Code With Andrea
Flutter Project Structure: Feature-first or Layer-first?
An overview of the feature-first and layer-first approaches when choosing a project structure for medium/large Flutter apps, along with their tradeoffs and common pitfalls.
كيفيّة تخزين الـ API Keys في Flutter، ما هو الفرق بين —dart-define وملفّات .env؟
- https://codewithandrea.com/articles/flutter-api-keys-dart-define-env-files/
- https://codewithandrea.com/articles/flutter-api-keys-dart-define-env-files/
Code With Andrea
How to Store API Keys in Flutter: --dart-define vs .env files
An overview of different techniques for storing API keys on the client, along with security best practices to prevent them from being stolen.
فلاتر السعودية - Saudi Flutter
كيفيّة تحويل الـ JSON في Flutter: - https://codewithandrea.com/articles/parse-json-dart/
YouTube
Flutter Code Generation - What You Need To Know
Code generation can be pretty powerful but you need to know when to use it and when not to use it! We will cover everything from using code generation to when you maybe should not use it.
The Best Flutter Course on the Internet 👉 https://www.hungrimind.…
The Best Flutter Course on the Internet 👉 https://www.hungrimind.…
مقطع يوتيوب جميل يشرح Flutter Testing للمُبتدئِين، يَضُم المقطع كُلًّا مِن:
1. Unit Testing.
2. Mocks.
3. Widget Testing.
4. Integration Testing.
🟢 رابط المقطع:
- https://www.youtube.com/watch?v=RDY6UYh-nyg
1. Unit Testing.
2. Mocks.
3. Widget Testing.
4. Integration Testing.
🟢 رابط المقطع:
- https://www.youtube.com/watch?v=RDY6UYh-nyg
YouTube
Flutter Testing For Beginners - The Ultimate Guide
✅ Learn to write tests in a maintainable way: https://www.hungrimind.com/learn/flutter
0:00 Overview
0:27 Unit testing
3:13 Mocks
4:35 Widget Testing
8:04 Integration Testing
Riverpod: https://youtu.be/GVspNESSess
Source code: https://github.com/Rober…
0:00 Overview
0:27 Unit testing
3:13 Mocks
4:35 Widget Testing
8:04 Integration Testing
Riverpod: https://youtu.be/GVspNESSess
Source code: https://github.com/Rober…
ماهية الـ Golden tests في Flutter؟
- https://medium.com/flutter-community/flutter-golden-tests-compare-widgets-with-snapshots-27f83f266cea
- https://medium.com/flutter-community/flutter-golden-tests-compare-widgets-with-snapshots-27f83f266cea
Medium
Flutter: Golden tests — compare Widgets with Snapshots
Testing is very important to deliver apps with the best quality. In this article, I’d like to tell about one of the less known features of…
مقطع يوتيوب أكثر من رائع! يشرح GitHub Actions لأتمتة مشروعك على Flutter.
🟢 رابط المقطع:
- https://www.youtube.com/watch?v=rpQKpXjH5vs
🟢 رابط المقطع:
- https://www.youtube.com/watch?v=rpQKpXjH5vs
YouTube
Flutter GitHub Actions - Automate Your Workflow
GitHub Actions is a tool we can use to automate tedious and boring parts of our Flutter developing process such as applying CI! You will learn how to use it and also apply it to your own project. The Best Flutter Course on the Internet 👉 https://www.hung…
مكتبة chopper في Flutter و Dart تُتيح لك التعامُل مع الـ HTTP حيثُ أنّها مبنيّة على مكتبة http الرسميّة ومُستوحاه من Retrofit المُستخدَمَة في الأندرويد والجافا. المكتبة تدعم جميع المنصّات وأرى أنّها أفضل من غيرها من المكتبات المُشابِهة لها بالعمل مثل مكتبة dio 👌🏼.
🟢 رابط المكتبة:
- https://pub.dev/packages/chopper
🟢 رابط الموقع الرسمي لِـ Retrofit للفائدة:
- https://square.github.io/retrofit/
#مكتبات_أعجبتني
🟢 رابط المكتبة:
- https://pub.dev/packages/chopper
🟢 رابط الموقع الرسمي لِـ Retrofit للفائدة:
- https://square.github.io/retrofit/
#مكتبات_أعجبتني
Dart packages
chopper | Dart package
Chopper is an http client generator using source_gen, inspired by Retrofit
فلاتر السعودية - Saudi Flutter pinned «اختصارات IntelliJ IDEA و Android Studio أثناء التطوير لِـ Flutter: - https://codewithandrea.com/articles/intellij-keyboard-shortcuts-flutter-development/»
فلاتر السعودية - Saudi Flutter pinned «اختصارات، إضافات، وإعدادات VS Code أثناء التطوير لِـ Flutter: - https://codewithandrea.com/articles/vscode-shortcuts-extensions-settings-flutter-development/»
موقع Flutter Ship: موقع مُفيد للتحقُّق من جميع الخُطوات المطلُوبة قبل إصدار أو نشر تطبيقك على المتاجِر أو الويب (Checklist). مِثال: هل تمّت إضافة ميّزة تتبُّع الأخطاء للتطبيق قبل إطلاقِه؟
🟢 رابط الموقع:
- https://bizz84.github.io/flutter_ship_app_web
🟢 القائمة كذلك مُتاحة على موقع Notion للفائدة:
- https://gorgeous-bar-e02.notion.site/Flutter-App-Release-Checklist-f03480f53bf4491b830df5d38d2c74ef
#مواقع_أعجبتني
🟢 رابط الموقع:
- https://bizz84.github.io/flutter_ship_app_web
🟢 القائمة كذلك مُتاحة على موقع Notion للفائدة:
- https://gorgeous-bar-e02.notion.site/Flutter-App-Release-Checklist-f03480f53bf4491b830df5d38d2c74ef
#مواقع_أعجبتني
bizz84.github.io
flutter_ship_app
Flutter App Release Checklist (companion app for the Flutter in Production course)
فلاتر السعودية - Saudi Flutter
موقع Flutter Ship: موقع مُفيد للتحقُّق من جميع الخُطوات المطلُوبة قبل إصدار أو نشر تطبيقك على المتاجِر أو الويب (Checklist). مِثال: هل تمّت إضافة ميّزة تتبُّع الأخطاء للتطبيق قبل إطلاقِه؟ 🟢 رابط الموقع: - https://bizz84.github.io/flutter_ship_app_web 🟢…
6 خطوات رئيسيّة يجب اتخاذُها قبل إصدار تطبيقك التالي على Flutter:
- https://codewithandrea.com/articles/key-steps-before-releasing-flutter-app
- https://codewithandrea.com/articles/key-steps-before-releasing-flutter-app
Code With Andrea
6 Key Steps to Take Before Releasing your Next Flutter App
Prepare your Flutter app for launch with these 6 steps, including flavors and environments, error monitoring, force updates, and in-app reviews.
هل تعلم أنّه بإمكانك التحقُّق من الإصدار الحالي لتطبيقك على جهاز المُستخدِم وإلزامُه بالتحديث وذلك باستخدام GitHub Gist فقط دون الحاجة إلى Backend أو Firebase!
- https://codewithandrea.com/tips/remote-config-github-gist
🟢 في حال كُنت تُفضّل استخدام مكتبات Flutter فقط، فأنصحُك بأحد المكتبات في الأسفل، خاصّةً مكتبة upgrader:
- upgrader: https://pub.dev/packages/upgrader
- force_update_helper: https://pub.dev/packages/force_update_helper
#معلومة
#مكتبات_أعجبتني
- https://codewithandrea.com/tips/remote-config-github-gist
🟢 في حال كُنت تُفضّل استخدام مكتبات Flutter فقط، فأنصحُك بأحد المكتبات في الأسفل، خاصّةً مكتبة upgrader:
- upgrader: https://pub.dev/packages/upgrader
- force_update_helper: https://pub.dev/packages/force_update_helper
#معلومة
#مكتبات_أعجبتني
Code With Andrea
Remote Config via GitHub Gist
Here's how to remotely control the behaviour of your app by fetching some JSON from a GitHub gist.
موقع IconKitchen: موقع مُفيد جدًّا لتصميم أيقونة لتطبيقك بِكُل سُهولة!
🟢 رابط الموقع:
- https://icon.kitchen
🟢 أو يُمكنك استخدام مكتبة flutter_launcher_icons كبديل:
- https://pub.dev/packages/flutter_launcher_icons
#مواقع_أعجبتني
#مكتبات_أعجبتني
🟢 رابط الموقع:
- https://icon.kitchen
🟢 أو يُمكنك استخدام مكتبة flutter_launcher_icons كبديل:
- https://pub.dev/packages/flutter_launcher_icons
#مواقع_أعجبتني
#مكتبات_أعجبتني
icon.kitchen
IconKitchen
Cook up app icons for any platform
مكتبة flutter_native_splash في Flutter تُتيح لك التعديل على الـ Splash Screen الأساسيّة لتطبيقات Flutter وتغيير لونُها أو إضافة صورة لها وغيرها من الخيارات.
🟢 رابط المكتبة:
- https://pub.dev/packages/flutter_native_splash
#مكتبات_أعجبتني
🟢 رابط المكتبة:
- https://pub.dev/packages/flutter_native_splash
#مكتبات_أعجبتني
Dart packages
flutter_native_splash | Flutter package
Customize Flutter's default white native splash screen with background color and splash image. Supports dark mode, full screen, and more.
فلاتر السعودية - Saudi Flutter pinned «موقع Flutter Ship: موقع مُفيد للتحقُّق من جميع الخُطوات المطلُوبة قبل إصدار أو نشر تطبيقك على المتاجِر أو الويب (Checklist). مِثال: هل تمّت إضافة ميّزة تتبُّع الأخطاء للتطبيق قبل إطلاقِه؟ 🟢 رابط الموقع: - https://bizz84.github.io/flutter_ship_app_web 🟢…»