🔥Challenge
دوستان به نظرتون استفاده از stateful باعث میشه پرفرمانس اپ پایین بیاد یا استفاده از stateless و تبدیل stateful ها به stateless پرفرمانس رو بالا میبره؟
#challenge #flutter_challenge
دوستان به نظرتون استفاده از stateful باعث میشه پرفرمانس اپ پایین بیاد یا استفاده از stateless و تبدیل stateful ها به stateless پرفرمانس رو بالا میبره؟
#challenge #flutter_challenge
🔥Challenge
▶️سناریو :
یه قسمتی از اپمون قراره که جستجو توی محصولات یا... رو پیاده کنیم.
🔴یه Search Box لازم داریم.
🔴کاربر شروع میکنه به نوشتن و همزمان باید جستجو انجام بشه...
❓چالش :
فرض کنید ازمون خواسته شده که هر وقت کاربر شروع کرد به نوشتن و دستشو برداشت و ۲ ثانیه طول کشید (ینی بین تایپ کردن کاربر ۲ ثانیه وقفه ایجاد شد) بلافاصله جستجو انجام شه...
🟢یعنی اگه کاربر بدون وقفه (۲ثانیه ای) به تایپ کردن ادامه داد هیچ جستجویی انجام نمیشه.
توضیح بدید که این مساله رو، به خصوص وقفه ۲ ثانیه رو چطوری هندل میکنید؟
⛔️ساختار معماری در این چالش مدنظر نظر نیست.
✅فقط نحوه هندل کردن این موضوع به خصوص وقفه مهم هست.
✅در صورت لزوم میتونید کد هم ارائه کنید.
#challenge #flutter_challenge #dart_challenge
#intermediate
▶️سناریو :
یه قسمتی از اپمون قراره که جستجو توی محصولات یا... رو پیاده کنیم.
🔴یه Search Box لازم داریم.
🔴کاربر شروع میکنه به نوشتن و همزمان باید جستجو انجام بشه...
❓چالش :
فرض کنید ازمون خواسته شده که هر وقت کاربر شروع کرد به نوشتن و دستشو برداشت و ۲ ثانیه طول کشید (ینی بین تایپ کردن کاربر ۲ ثانیه وقفه ایجاد شد) بلافاصله جستجو انجام شه...
🟢یعنی اگه کاربر بدون وقفه (۲ثانیه ای) به تایپ کردن ادامه داد هیچ جستجویی انجام نمیشه.
توضیح بدید که این مساله رو، به خصوص وقفه ۲ ثانیه رو چطوری هندل میکنید؟
⛔️ساختار معماری در این چالش مدنظر نظر نیست.
✅فقط نحوه هندل کردن این موضوع به خصوص وقفه مهم هست.
✅در صورت لزوم میتونید کد هم ارائه کنید.
#challenge #flutter_challenge #dart_challenge
#intermediate
🔥Challenge
🔴قسمت های مختلف اپلیکیشن به تم نیاز داریم و هر جایی به تم نیاز داشته باشیم میگیم
Theme.of(context)
🟢خب کد بالا نزدیکترین ویجت Theme رو از درخت در اختیارمون قرار میده.
🟢اگه به غیر از MaterialApp خودمون جای دیگه Theme رو توی درخت قرار نداده باشیم، احتمالا همون ویجت Theme که توسط MaterialApp توی درخت قرار داده شده رو بهمون میده.
❓چالش :
1⃣ایا این کار درستیه که همه جا از این قاعده استفاده کنیم؟
2⃣آیا این کار بهینه هست؟
#flutter_challenge #challenge
🔴قسمت های مختلف اپلیکیشن به تم نیاز داریم و هر جایی به تم نیاز داشته باشیم میگیم
Theme.of(context)
🟢خب کد بالا نزدیکترین ویجت Theme رو از درخت در اختیارمون قرار میده.
🟢اگه به غیر از MaterialApp خودمون جای دیگه Theme رو توی درخت قرار نداده باشیم، احتمالا همون ویجت Theme که توسط MaterialApp توی درخت قرار داده شده رو بهمون میده.
❓چالش :
1⃣ایا این کار درستیه که همه جا از این قاعده استفاده کنیم؟
2⃣آیا این کار بهینه هست؟
#flutter_challenge #challenge
🔥Challenge
▶️سناریو :
میخوایم یک فرایند Sign up و Sign in شبیه به تلگرام رو انجام بدیم.
1⃣Sign up
وقتی که برای اولین بار وارد اپ میشیم و از قبل اکانت نداریم.
✔️شماره موبایل دریافت میشه و کد تایید فرستاده میشه.
✔️کد تایید اعتبار سنجی میشه.
✔️اسم و فامیل دریافت میشه و وارد اپ میشیم.
2⃣Sign in
وقتی که از قبل اکانت داریم.
✔️شماره موبایل دریافت میشه و کد تایید ارسال میشه.
✔️کد تایید اعتبار سنجی میشه و وارد اپ میشیم.
❓چالش :
ℹ️از دید کاربر معمولی احتمالا فرایند sign up و sign in به صورت کاملا مستقل پیاده سازی شده، توضیح بدید که ایا این فرایند ها مستقل هستند یا اینکه قسمتی از این دو فرایند به صورت مشترک پیاده سازی میشوند.
2⃣این فرایند ها رو تحلیل کنید و بگید چه api هایی و با چه جزییاتی (ساختار api) برای پیاده سازی این فرایندها نیاز دارید.
#challenge #flutter_challenge #intermediate
▶️سناریو :
میخوایم یک فرایند Sign up و Sign in شبیه به تلگرام رو انجام بدیم.
1⃣Sign up
وقتی که برای اولین بار وارد اپ میشیم و از قبل اکانت نداریم.
✔️شماره موبایل دریافت میشه و کد تایید فرستاده میشه.
✔️کد تایید اعتبار سنجی میشه.
✔️اسم و فامیل دریافت میشه و وارد اپ میشیم.
2⃣Sign in
وقتی که از قبل اکانت داریم.
✔️شماره موبایل دریافت میشه و کد تایید ارسال میشه.
✔️کد تایید اعتبار سنجی میشه و وارد اپ میشیم.
❓چالش :
ℹ️از دید کاربر معمولی احتمالا فرایند sign up و sign in به صورت کاملا مستقل پیاده سازی شده، توضیح بدید که ایا این فرایند ها مستقل هستند یا اینکه قسمتی از این دو فرایند به صورت مشترک پیاده سازی میشوند.
2⃣این فرایند ها رو تحلیل کنید و بگید چه api هایی و با چه جزییاتی (ساختار api) برای پیاده سازی این فرایندها نیاز دارید.
#challenge #flutter_challenge #intermediate
🔥Challenge
❓چالش :
اگه بخوایم معادل سازی کنیم معادل Activity که توی اندروید نیتیو داریم، توی فلاتر چیه؟ 🤔
#challenge
#flutter_challenge
❓چالش :
اگه بخوایم معادل سازی کنیم معادل Activity که توی اندروید نیتیو داریم، توی فلاتر چیه؟ 🤔
#challenge
#flutter_challenge
This media is not supported in your browser
VIEW IN TELEGRAM
🔥Challenge
❓چالش :
بنظرتون بهترین راه برای پیاده سازی قسمت کامنت ها شبیه اپ یوتیوب چیه؟ 🤔
✅از پایین بیاد بالا .
✅تا یه جای مشخصی هم بالا بیاد
✅فقط با زدن ضربدر بسته بشه و بره پایین.
❌حرکت دست روش تاثیری نداشته باشه.
#challenge
#flutter_challenge
❓چالش :
بنظرتون بهترین راه برای پیاده سازی قسمت کامنت ها شبیه اپ یوتیوب چیه؟ 🤔
✅از پایین بیاد بالا .
✅تا یه جای مشخصی هم بالا بیاد
✅فقط با زدن ضربدر بسته بشه و بره پایین.
❌حرکت دست روش تاثیری نداشته باشه.
#challenge
#flutter_challenge
🔥Challenge
❓چالش :
میخوام در مورد StatefulWidget صحبت کنم.
🟢همون طور که میدونیم ویجت ها توی فلاتر immutable هستن و StatefulWidget یه State داره میتونه mutable باشه و به این ترتیب با استفاده از اون میشه درخت ویجت رو بر اساس فیلد هایی که توی State تغییر میکنن اپدیت کرد.
🟢توی StatelessWidget یه متد build داریم که وظیفش ساختن اون قسمت از درخت هست.
🟢توی StatefulWidget ولی این متد build رو نداریم و به جاش این متد انتقال داده شده به کلاس State.
🤔توی داک فلاتر یه بحثی رو مطرح کرده و گفته اولش به این فکر میکردیم که توی StatefulWidget هم متد build رو بذاریم توی خود کلاس ویجت و نه کلاس State ولی...
❌حالا فرض کنید که متد build به جای کلاس State توی خود کلاس StatefulWidget بود (شبیه StatelessWidget) و البته کلاس State رو هم داشتیم و این کلاس بقیه متد های مربوط به life cycle مثل initState و... رو داشت و امکان rebuild کردن رو هم با setState داشت.
🟢دقیقا همین چیزی که الان هست فقط با انتقال متد build به کلاس StatefulWidget
❓حالا شما بگید اگه این اتفاق میوفتاد چه خوبی ها و یا چه بدی هایی داشت.؟
#challenge
#flutter_challenge
❓چالش :
میخوام در مورد StatefulWidget صحبت کنم.
🟢همون طور که میدونیم ویجت ها توی فلاتر immutable هستن و StatefulWidget یه State داره میتونه mutable باشه و به این ترتیب با استفاده از اون میشه درخت ویجت رو بر اساس فیلد هایی که توی State تغییر میکنن اپدیت کرد.
🟢توی StatelessWidget یه متد build داریم که وظیفش ساختن اون قسمت از درخت هست.
🟢توی StatefulWidget ولی این متد build رو نداریم و به جاش این متد انتقال داده شده به کلاس State.
🤔توی داک فلاتر یه بحثی رو مطرح کرده و گفته اولش به این فکر میکردیم که توی StatefulWidget هم متد build رو بذاریم توی خود کلاس ویجت و نه کلاس State ولی...
❌حالا فرض کنید که متد build به جای کلاس State توی خود کلاس StatefulWidget بود (شبیه StatelessWidget) و البته کلاس State رو هم داشتیم و این کلاس بقیه متد های مربوط به life cycle مثل initState و... رو داشت و امکان rebuild کردن رو هم با setState داشت.
🟢دقیقا همین چیزی که الان هست فقط با انتقال متد build به کلاس StatefulWidget
❓حالا شما بگید اگه این اتفاق میوفتاد چه خوبی ها و یا چه بدی هایی داشت.؟
#challenge
#flutter_challenge