محبوب ترین دیزاین پترن ها (الگوی طراحی) در فلاتر
با پیشرفت تکنولوژی‌های برنامه‌نویسی، استفاده از الگوهای طراحی در توسعه نرم‌افزارها به یک ضرورت تبدیل شده است. در فریمورک فلاتر نیز، مجموعه‌ای از الگوهای طراحی معمول که به توسعه‌دهندگان کمک می‌کند نرم‌افزارهای کیفی و قابل تعمیم ایجاد کنند، وجود دارد. در این مقاله، به بررسی برخی از این الگوهای طراحی محبوب در فریمورک فلاتر خواهیم پرداخت.
بلاک - BLoC (Business Logic Component)
الگوی BLoC (Business Logic Component) در فلاتر یک رویکرد معماری است که بیشتر برای مدیریت وضعیت در برنامه‌های فلاتریمون استفاده می‌شه. الگوی بلاک به منظور جدا سازی منطق پروژه(logic) از رابط کاربری و ایجاد کامپوننت‌های قابل تست و قابل استفاده مجدد بیشتر مورد استفاده قرار می‌گیرد.
عملکرد بلاک به این صورت هست که BLoC به عنوان یک کلاس اصلی تعریف میشود که مسئولیت‌های منطقی برنامه رو به عهده دارد. بلاک می‌تواند اطلاعات، وضعیت‌ها و عملکردهایی که بر اساس تغییرات ورودی داخل برنامه اجرا شود، شامل شود.
در دیزاین پترن و استیت منیجمنت بلاک از Stream و StreamBuilder برای پیاده‌سازی الگوی ارتباطی بین وضعیت logic و رابط کاربری استفاده میشود.
پروایدر - Provider
دیزاین پترن و استیت منیجمنت پروایدرProvider یک الگوی مدیریت وضعیت مانند بلاک هست که در فلاتر به مدیریت و به اشتراک گذاری وضعیت‌های مختلف در سراسر برنامه به ما کمک می‌کند. این الگو بر اساس پکیج provider پیاده‌سازی میشود. ما با استفاده از Provider، می‌توانیم وضعیت‌های مختلف را ایجاد و به اشتراک بگذاریم. پروایدر این اجازه را می‌دهد که تغییراتی که در وضعیت برنامه ایجاد میشود به‌طور خودکار در تمامی قسمت‌های برنامه نیز اعمال شود. Provider با استفاده از مفهوم InheritedWidget و ChangeNotifierProvider که از ChangeNotifier استفاده می‌کند، عمل می‌کند.
معماری و الگوی MVVM (Model-View-ViewModel)
الگوی MVVM (Model-View-ViewModel) یک الگویی هست که به سه بخش اصلی تقسیم میشود:
- بخش اول Model (مدل داده‌ها و logic)
- بخش دوم View (رابط کاربری)
- بخش سوم ViewModel (پل بین مدل و ظاهر)
این الگو به تفکیک دقیق بین اجزای مختلف برنامه و ایجاد منطقی‌تر و قابل تست‌تر کمک می‌کند.. در MVVM، مدل‌ها داده‌ها و منطق کسب و کار را نگه میداریم.
ریداکس - Redux
الگوی Redux به‌طور اصلی برای مدیریت وضعیت در برنامه‌های وب با React تعریف شده است، اما در فریمورک فلاتر نیز با استفاده از پکیج‌های موجود می‌توان از آن استفاده کرد. این این الگو به تفکیک دقیق میان داده‌ها، منطق و به اشتراک گذاری وضعیت در سراسر برنامه کمک می‌کند.
در الگوی Redux، وضعیت برنامه به صورت یک وضعیت جهانی یا (Global State) مدیریت میشود.
تغییراتی که در وضعیت برنامه ایجاد میشود از طریق ارسال اکشن‌ها (Actions) اعمال میشود و توسط توابع تجزیه و تحلیل کننده (Reducer) مدیریت میشود. ما در ریداکس با استفاده از اکشن‌ها، وضعیت برنامه به‌روزرسانی می‌شوند.
- جهت دانلود راحت تر فایل ها چند قسمت تقسیم شدند
برای دسترسی به لینک های دانلود وارد حساب کابری خود شوید.
ورود به حساب
مطالب زیر را حتما مطالعه کنید
ایجاد چک‌باکس (check box) در فلاتر
وضعیت برنامه های Flutter چطور حفظ کنیم؟
مدیریت حافظه در فلاتر: بهترین شیوه ها و مشکلات
مبانی SOLID در فلاتر
پیاده سازی REST API در Flutter
دیدگاهتان را بنویسید