Server Driven UI چیست ؟ و چه کاربری داره ؟

توی این ویدیو میخواییم ببینم server driven ui چیه و چه کاراهایی میشه باهاش انجام داد بعدش میریم باهم سایت دیوار بررسی میکنیم که اومده از این پترن برای برطرف کردن یک سری از مشکلاتش استفاده کرده و میبینیم که چه قدر کاربریه براش
لینک های مورد نیاز:
www.judo.app/b...
/ a-deep-dive-into-airbn...
Server-Driven UI, Mobile App Development, UI/UX Design, Server Side Rendering, Dynamic UI, API Driven Design, Flutter, React Native, Android Development, iOS Development, رابط کاربری مبتنی بر سرور, توسعه اپلیکیشن موبایل, طراحی رابط کاربری, رندرینگ سمت سرور, رابط کاربری پویا, طراحی مبتنی بر API, فلاتر, ری‌اکت نیتیو, توسعه اندروید, توسعه iOS

[@ali_nasir_dev]

ایول مرسی ازت خیلی برام جالب بود این روش
به نظرم اینکه آدم روش‌های متفاوت رو بلد باشه و از هر چیزی در صورت نیاز استفاده کنه بهترین حالت ممکنه
برای مثال همون اول ویدیو که ۵ پله برای انتشار یک آپدیت رو میدیدم بسته به شرایط و نیاز میشه یه کار دیگه هم کرد مثل اینکه اپ نیتیو صفحات رو به صورت وب ویو لود کنه (TWA) اینجوری برای تغییر یوآی فقط کافیه وب اپلیکیشن تغییر کنه این هم راهی بود که به نظرم میرسید. اینجوری بسته به نیاز و شرایط میشه یکی از این روش‌ها رو انتخاب کرد
در هر صورت عالی بود و ممنون ازت

[@piyazsaladi]

جالب بود، بهتره بگم فقط جالب بود و من استفاده نمیکنم، چقدر احتمال داره که کارفرما در طی ده سال آینده بگه از کلمه موقعیت آگهی خوشم نیومده و به مکان آگهی تغییرش بده؟ واقعا ارزشش رو داره که یک خط کد رو اینقدر افزایش بدیم و همچنین درخواست ها از سرور رو زیاد کنیم؟ من که فکر نمیکنم، به برقی که سرور مصرف میکنه و افزایش گارهای کل خانه ای فکر کردید؟ شوخی کردم، هرجور میخواید کد بزنید 😁

[@QVMaster]

جالب بود. من علاقه افراطی به داینامیک و جنرال کردن همه چیز دارم و از سال‌ها پیش از تکنیک‌هایی مشابه این استفاده می‌کردم.

[@HoFaDev]

به به ایولا

[@QVMaster]

@@HoFaDev ارادت 🙏🙏

[@mohammadhasandaneshvar]

این تکنیک رو برای دور زدن بروکراسی اپ استور‌ها استفاده میکنن، ولی مثالی که زدین از وب اپلیکیشن دیوار بود که مشکلی بنام اپ استورها رو از اساس نداره
Doesn’t make sense در مجموع
فقط کامپلکسیتی رو بیشتر میکنه؛
دیوار هم اگه به دلیلی بجز «experiment platform» اش اینکارو کرده باشه «اشتباه» کرده

[@alibahman-mk3ib]

خیلی عالی بود ...ممنون از شما دوست عزیز و ریزبین

[@user-qh4es1iz4b]

اقا دمتگرم چقدر از این تکنیک های جدید خوشم میاد

[@HoFaDev]

قربانتتتت مرسی از نظرت

[@behzadayubifar8071]

It is more than exciting for me
tnx

[@mpr134]

ما سال 94 برای یک پروژه از این تکنیک استفاده کردیم با angularjs و مشکلات Performance زیادی داشتیم ، درکل تکنیک خوبی هست ولی از همه مهم تر نحوه پیاده سازی این تکنیک هست ، اگر خوب پیاده سازی نشه باعث شکست پروژه میشه

[@HoFaDev]

مرسی از اینکه تجربتون رو با ما به اشتراک گزاشتید

[@behzadalimohammadzad]

حسین جان خیلی خوبی بود. فکر نمی کنم تکنیک خیلی جدید باشه، در واقع همه فرم سازها یا سایت سازها به همین روش کار میکنند، یا شاید هم نکاتی در مقاله هست که من هنوز نخوندم. در کل این روش امکان مدیریت UI با کد نویسی کمتری رو میده و حتی میشه condition هم تعریف کرد، یا پنلی رو در اختیار مدیران محصول ( و... ) قرار داد که اطلاعات UI رو کنترل کنند.

[@HoFaDev]

اره بهزاد جان جدید که نیست ولی خیلی جالبه و اینکه جذابیتش برام وقتیه که توی اسکیل بزرگ ازش استفاده میشه 😁

[@behzadalimohammadzad]

@@HoFaDev دو سال قبل همچین کدی رو زده بودم. الان دارم روی یه ریپو جدید ریفکتور میکنم و تمام بشه میذارم توییتر و منشن میکنم ببینی. شاید با هم ادامه اش دادیم.

[@HoFaDev]

به به خیلی عالی

[@EhsanBahramiDev]

عالی بود 👏🏻👏🏻

[@HoFaDev]

مرسی از نگاهت 🩵

[@parsahashemi9037]

عالی ادامه بده همینطوری!

[@HoFaDev]

خیلی ممنونم

[@mohammadbohluli]

یعنی هرچی استایل دهی و ایناس رو با api بفرستیم شلوغکاری نمیشه؟
هزاران تا کامپوننت با استایل های مختلف
حس میکنم معایبش بیشتر از مزیتاش باشه
نمیدونم🤔
مگر فلسفه فریمورک های جی اس نیومد اینو بگه فرانت و بک رو جدا کنیم تا تر و تمیز تر باشه

[@HoFaDev]

خیلی نکته ها داره باید رعایت بشه

[@morteza-n]

خیلی جالب بود

[@HoFaDev]

مرسی ازنگاهت🩵

[@maryamalipour2549]

خیلی خوب بود ولی کاش کامل تر توضیح می دادید که مثلا وقتی بک اند رو تعییر می دن چه جوری بدون اینکه فذانت تغییر کنه این تغییر اعمال می شه توی دیوار

[@HoFaDev]

از اونجایی که داخل ریسپانس api داره میاد
با هر رفرش صفحه اخرین اپدیت کاربر دریافت میکنه

[@asman1919]

چرا همین فرمونو نمیری ؟ این یک ایده خوبه که تحلیل وب سایت های معتبر رو از دید دولوپ بررسی کنی ، بهش توجه کن اگر میتونی

[@HoFaDev]

مرسی از پیشنهادت حتما

[@kiarashasady8794]

اگه با این روش میخوان کار کنن چرا از htmx استفاده نمیکنن؟

[@johnnythesilverhand]

کلا اومدی کل فرانت رو روی سرور زدی جالبه :)

[@HoFaDev]

اره باحاله

[@pedramgholizadeh]

باریکلا پسر ❤❤

[@HoFaDev]

مرسی پدرام دمت گرم 💙

[@alirezasoltanineshan2974]

کاشکی لوکالیزیشنش رو هم بررسی کنی. من ندیدم الان، اما فکر میکنم همون ورژن api جلو میرن از بک میگیرن بعضی از لوکال‌های داینامیک رو.

[@HoFaDev]

منم دقت نکردم به این موضوع مرسی که یاداوری کردی

[@habib08m]

چهارسال پیش در ساختن اولین مبایل اپلیکیشنم با فلاتر ازین روش استفاده کردم بدون ازینکه اطلاعی از وجود همچین روشی داشته باشم ولی حالا تازه فهمیدم که همچین روشی وجود داشته و در سطح بیزنس های بزرگ هم استفاده میشه

[@HoFaDev]

دمت گرم

[@arasrezaie]

ورژن آینده expo این ویژگی رو به native development موبایل میاره

[@HoFaDev]

به به چه عالی ولی فکر نکنم زیاد نیازمند فیچر خاصی از سمت لایبریری یا فریم ورک باشه

[@user-qh4es1iz4b]

thanks a looooooooooooooooooooooooooooooot

[@mehdi-vl5nn]

وایب rpcگرفتم خخخ قبلا هم برای فرار از کورس یه چنین ترقندی در سطح جی اس میزدن ، جی اس کد مشخصا رو کلاینت بود و با رکوئست ب سرور یه جی سان و.. میگیرفت تو اون نوشته بود مثلاsum(2,3)

[@HoFaDev]

😂👌🏻

[@sina201sori]

از ایرادات این تکنیک نگفتید. به نظرتون ترافیک شبکه و همچینین لود سرور رو بالا نمی بره؟ بعدا این تکنیک روی فریم ورک خاصی تعریف شده یا کلا بی نیاز به فریم ورک خاصی هست؟

[@HoFaDev]

صد درصد معایبی هم داره
ولی باید نسبت به نیاز اون شرکت و بیزینس ازش استفاده کرد که مزایاش به معایبش بیارزه

[@lordhakim9534]

استاد میشه یه تکنولوژی رو بچسبیم تا اخر بریم ؟تایپ اسکریپت بود نکست جی اس بود ری اکت بود . همشونم نصفه نمیه ول شدن .خیلی ممنون

[@HoFaDev]

سلام
اره چرا نشه
دوره تایپ اسکریپت من کزاشته بودم که مقدماتی بود و تموم شد
دوره ری اکت و نکست من تابه حال نزاشتم

[@aliebrahimi.design]

اینکه کلا وب بود
چرا توی وب همچین کاری کردن؟؟

[@HoFaDev]

بین همه اپ هایی که داره به اشتراک گزاشته فرانت هم این طوری زده مثل بقیه

[@arrteann]

بنظرتون پیاده سازی چنین چیزی با ری اکت چطوریه؟

[@HoFaDev]

کار زیاد سختی نیست بیشتر نیازه بین فرانت و بک یه قراردادی باشه همین و یه سری کامپوننت اماده توی فرانت داشته باشی

[@alireezajb]

awli bod , lezat bordam

[@HoFaDev]

قربونت

[@arashghazi1216]

من 15 سال پیش اینو درست کردم

[@HoFaDev]

ایول دمه شما گرم

[@arminahari8515]

چرا لینک اول ارور 406 میده 🚶🥲

[@HoFaDev]

فک کنم یه چیزی باید بزنی ای پیتو عوض کنه

[@arminahari8515]

@@HoFaDev من خود ویدیو هم قاچاق دیدم 😂🚶با صد تا کشور هم تست کردم همینه 🥲

[@HoFaDev]

ای بابا انشالله اوضاع نت درست بشه

[@hamedb299]

خیلی چیز باحالی بود این تکنیک ، ولی خب برای وب سایت عملا کاربردی نداره ، چون هر دفعه که کاربر میاد توو سایت ورژن بروز نمایش داده میشه و مثل اپ داستان نصب کردن و نداره ، در واقع برای وبسایت هیچ کاربردی نداره دیگه تا اینجایی که فهمیدم ، ولی برای اپ اره حرکت جالبیه ، ولی بک اند باید خیلی از کارای فرانت هم انجام بده و خیلی خیلی باهم بک اند و فرانت هماهنگ باشن

[@HoFaDev]

بعله برای وب سایت زیاد کاربردی نیست ولی از سمتی برای بیزینس های بزرگ که میخوام دیوایس های مختلغ باهم همگام باشن نیازه و توی وب هم استفاده میشه

[@QVMaster]

برای وب‌سایت هم کمک می‌کنه که با هر تغییری مجبور نباشید فرانت رو تغییر بدین.

[@sorcerer2608]

داداش ما دیفالت با این روش میریم جای توضیح نداره

[@abulfadlahmadi]

برادر اینا ویجت هست نه گجت

[@HoFaDev]

بله اشتباه از من بوده پوزش