Mercari ने Jetpack Compose का इस्तेमाल करके, यूज़र इंटरफ़ेस (यूआई) डेवलपमेंट की प्रॉडक्टिविटी में 56% की बढ़ोतरी की

Mercari पर लाखों लोग, लगभग हर तरह के प्रॉडक्ट की खरीदारी और बिक्री करते हैं. इस कंपनी की स्थापना 2013 में जापान में हुई थी. अब यह जापान में, स्मार्टफ़ोन पर उपलब्ध सबसे बड़ा C2C मार्केटप्लेस है. Mercari की क्लाइंट आर्किटेक्ट टीम ने 2020 में Jetpack Compose का इस्तेमाल करना शुरू किया. उनका लक्ष्य, नए ऐप्लिकेशन के लिए टेक्नोलॉजी स्टैक बनाने के लिए, आधुनिक समाधानों और टेक्नोलॉजी का इस्तेमाल करना था. इससे वे लंबे समय तक अपने कारोबार को बढ़ा सकेंगी.

उन्होंने क्या किया

Mercari की टीम को Android व्यू पर, जटिल स्टेट मैनेजमेंट और स्टाइलिंग के साथ एक डिज़ाइन सिस्टम लागू करना था. यह एक बहुत मुश्किल काम था. Jetpack Compose का इस्तेमाल करके, वे न सिर्फ़ इस जटिल सिस्टम को लागू कर पाए, बल्कि इससे उन्हें हर स्क्रीन को डेवलप करने में कम समय लगा.

Jetpack Compose ने टीम को डिज़ाइन सिस्टम का इस्तेमाल करके, नए ऐप्लिकेशन के लिए यूज़र इंटरफ़ेस (यूआई) कोड लिखने में भी मदद की. इससे टीम को यूआई कोड को छोटा और समझने में आसान बनाने में मदद मिली. इस वजह से, टीम स्क्रीन और कारोबार से जुड़े लॉजिक लिखने में ज़्यादा समय दे सकती है. जैसे, डार्क थीम के लिए व्यावहारिक सहायता.

इसके अलावा, Mercari की टीम ने Figma को डिज़ाइन सिस्टम के साथ इंटिग्रेट करने के लिए, कॉन्सेप्ट को साबित करने वाला एक टूल बनाया है. यह टूल, कॉम्पोनेंट डिज़ाइन से यूज़र इंटरफ़ेस (यूआई) कोड अपने-आप जनरेट करता है. टीम ने बताया कि Compose के डिक्लेरेटिव नेचर की वजह से, इस टूल को डेवलप करना आसान था.

“Android डेवलपर को Jetpack Compose का कोड लिखने की आदत पड़ जाने के बाद, वे इसे छोड़कर किसी और टूल पर वापस नहीं जाना चाहेंगे.” - एंथनी एलन कोंडा, Mercari में Android Tech Lead

नतीजे

Jetpack Compose और अपने नए डिज़ाइन सिस्टम के बीच, Mercari को स्क्रीन लिखने के लिए बहुत कम कोड का इस्तेमाल करना पड़ा. इनफ़िनिट स्क्रोल वाले कॉन्टेंट वाली स्क्रीन पर, उन्होंने अपने कोड को करीब 56% तक कम कर दिया. इनफ़िनिट स्क्रोल वाली स्क्रीन का इस्तेमाल आम तौर पर किया जाता है. इस वजह से, वे उतने ही समय में ज़्यादा स्क्रीन लिख पाए. इससे उन्हें बिज़नेस लॉजिक और कोड के अन्य हिस्सों को लिखने के लिए ज़्यादा समय मिला.

इसके अलावा, वे यूज़र इंटरफ़ेस (यूआई) के साथ ज़्यादा काम कर पाए. जैसे, ऐनिमेशन शामिल करना और AnimatedVisibility, Crossfade, और Animatable जैसे इंट्यूटिव एपीआई का इस्तेमाल करना.

Mercari, अपने नए ऐप्लिकेशन में Jetpack Compose का इस्तेमाल जारी रखने का प्लान बना रहा है. उनका डिज़ाइन सिस्टम, Android SDK के साथ काम करता है. इसे Jetpack Compose में लिखा गया है. इसे Mercari के कई ऐप्लिकेशन के साथ काम करने के लिए भी डिज़ाइन किया गया है.

शुरू करें

Jetpack Compose के बारे में ज़्यादा जानें.