Mercari با Jetpack Compose بهره وری توسعه UI را تا 56 درصد بهبود می بخشد
با مجموعه‌ها، منظم بمانید
ذخیره و طبقه‌بندی محتوا براساس اولویت‌های شما.
مرکاری به میلیون ها نفر اجازه می دهد تقریباً هر چیزی را خرید و فروش کنند. این شرکت در سال 2013 در ژاپن تاسیس شد و اکنون بزرگترین بازار C2C متمرکز بر گوشی های هوشمند در ژاپن است. تیم معمار مشتری مرکاری استفاده از Jetpack Compose را در سال 2020 با هدف استفاده از راه‌حل‌ها و فناوری‌های مدرنی که می‌توانند در درازمدت مقیاس‌پذیر باشند، شروع کردند تا پشته فناوری خود را برای برنامه‌های کاربردی جدید بسازند.
کاری که آنها انجام دادند
تیم Mercari نیاز به پیاده‌سازی یک سیستم طراحی با مدیریت وضعیت پیچیده و استایل‌سازی روی Android Views داشت که یک کار بسیار پیچیده است. با استفاده از Jetpack Compose، آنها نه تنها توانستند این سیستم پیچیده را پیاده سازی کنند، بلکه به آنها کمک کرد تا زمان کمتری را برای توسعه هر صفحه صرف کنند.
Jetpack Compose همچنین به تیم کمک کرد تا با استفاده از سیستم طراحی کد UI را برای برنامه جدید خود بنویسد و کد UI آنها را مختصر و قابل درک کند. در نتیجه، تیم می تواند زمان بیشتری را صرف نوشتن صفحه نمایش و منطق تجاری، مانند پشتیبانی عملی از تم تاریک کند.
علاوه بر این، تیم Mercari یک ابزار اثبات مفهوم برای ادغام Figma با سیستم طراحی نوشت که به طور خودکار کد UI را از طرح‌های مؤلفه تولید می‌کند. تیم گفت که توسعه این ابزار با Compose به دلیل ماهیت اعلامی آن آسان‌تر بود.
زمانی که توسعه دهندگان اندروید به نوشتن کد Jetpack Compose عادت کنند، دیگر تمایلی به بازگشت ندارند. - آنتونی آلن کوندا، رهبر فناوری اندروید در مرکاری
نتایج
بین Jetpack Compose و سیستم طراحی جدید آنها، Mercari توانست از کد بسیار کمتری برای نوشتن صفحات استفاده کند. در صفحه‌هایی با محتوای بی‌نهایت قابل پیمایش - یک مورد معمول - آنها در واقع کد خود را حدود 56٪ کاهش دادند. در نتیجه، آنها توانستند صفحه های بیشتری را در همان زمان بنویسند و به آنها زمان بیشتری برای نوشتن منطق تجاری و سایر قسمت های کد می دادند.
همچنین، آنها توانستند کارهای بیشتری را با خود UI انجام دهند، مانند ترکیب انیمیشن ها و استفاده از API های بصری مانند AnimatedVisibility ، Crossfade ، و Animatable .
Mercari قصد دارد تا زمان انتشار از Jetpack Compose در برنامه جدید خود استفاده کند. سیستم طراحی آنها با Android SDK نوشته شده در Jetpack Compose نیز برای کار با چندین برنامه در Mercari طراحی شده است.
شروع کنید
درباره Jetpack Compose بیشتر بدانید.
محتوا و نمونه کدها در این صفحه مشمول پروانههای توصیفشده در پروانه محتوا هستند. جاوا و OpenJDK علامتهای تجاری یا علامتهای تجاری ثبتشده Oracle و/یا وابستههای آن هستند.
تاریخ آخرین بهروزرسانی 2021-05-19 بهوقت ساعت هماهنگ جهانی.
[[["درک آسان","easyToUnderstand","thumb-up"],["مشکلم را برطرف کرد","solvedMyProblem","thumb-up"],["غیره","otherUp","thumb-up"]],[["اطلاعاتی که نیاز دارم وجود ندارد","missingTheInformationINeed","thumb-down"],["بیشازحد پیچیده/ مراحل بسیار زیاد","tooComplicatedTooManySteps","thumb-down"],["قدیمی","outOfDate","thumb-down"],["مشکل ترجمه","translationIssue","thumb-down"],["مشکل کد / نمونهها","samplesCodeIssue","thumb-down"],["غیره","otherDown","thumb-down"]],["تاریخ آخرین بهروزرسانی 2021-05-19 بهوقت ساعت هماهنگ جهانی."],[],[],null,["# Mercari improves UI development productivity by 56% with Jetpack Compose\n\n[Mercari](https://play.google.com/store/apps/details?id=com.kouzoh.mercari) allows millions of people to shop and sell almost anything. The company was founded in 2013 in Japan, and it now is the largest smartphone-focused C2C marketplace in Japan. Mercari's Client Architect Team started using [Jetpack Compose](https://developer.android.com/jetpack/compose) in 2020 with the goal of using modern solutions and technologies that can scale for the long term to build their tech stack for new applications.\n\nWhat they did\n-------------\n\nThe Mercari team needed to implement a design system with complex state management and styling on Android Views --- a very complex task. Using Jetpack Compose, they were not only able to implement this complex system, it helped them spend less time developing each screen.\n\nJetpack Compose also helped the team write UI code for their new app utilizing the design system, making their UI code concise and easy to understand. As a result, the team can spend more time writing screens and business logic, such as practical support for the dark theme.\n\nIn addition, the Mercari team wrote a proof-of-concept tool for integrating Figma with the design system, which automatically generates UI code from the component designs. The team said that developing this tool was easier with Compose due to its declarative nature.\n\n*\"Once Android developers get used to writing Jetpack Compose code, they wouldn't wish to go back.\" - Anthony Allan Conda, Android Tech Lead at Mercari*\n\nResults\n-------\n\nBetween Jetpack Compose and their new design system, Mercari was able to use far less code to write screens. On screens with infinitely-scrollable content --- a common use case --- they actually reduced their code by about 56%. As a result, they were able to write more screens in the same amount of time, giving them more time to write business logic and other parts of the code.\n\nAlso, they were able to do more with the UI itself, such as incorporating animations and using intuitive APIs such as *AnimatedVisibility* , *Crossfade* , and *Animatable*.\n\nMercari is planning to continue using Jetpack Compose in their new application until its release. Their design system, with the Android SDK written in Jetpack Compose, is also designed to work with multiple applications within Mercari.\n\nGet started\n-----------\n\nLearn more about [Jetpack Compose](https://developer.android.com/jetpack/compose)."]]
