Monzo, Compose की मदद से बेहतर और बेहतरीन क्वालिटी वाला ऐप्लिकेशन बनाता है

Monzo एक बैंक और ऐप्लिकेशन है. यह डिजिटल वित्तीय सेवाएं उपलब्ध कराता है. इनका मकसद, सभी के लिए पैसे को काम का बनाना है. Monzo का डिज़ाइन सिस्टम, Material Design से अलग होने लगा था. इसलिए, उन्हें कस्टम कॉम्पोनेंट लिखने और उन्हें बनाए रखने का आसान तरीका चाहिए था. साथ ही, उन्हें ऐसे कॉम्पोनेंट चाहिए थे जो लगातार बेहतर होते रहें. इसलिए, उन्होंने Jetpack Compose को चुना.

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

Compose में, Material Design कॉम्पोनेंट को डिज़ाइन सिस्टम से जुड़े फ़ाउंडेशन एपीआई की लेयर के तौर पर उपलब्ध कराया जाता है. Monzo ने बुनियादी एपीआई का इस्तेमाल करके, अपनी कॉम्पोनेंट लाइब्रेरी बनाई. इसके लिए, उन्होंने मटीरियल कॉम्पोनेंट को रेफ़रंस के तौर पर इस्तेमाल किया. उन्होंने एक-एक करके स्क्रीन माइग्रेट करना शुरू किया. अब वे सभी नई स्क्रीन में Compose का इस्तेमाल कर रहे हैं. अब Compose का इस्तेमाल प्रोडक्शन में किया जाता है. इसे सभी Android इंजीनियर इस्तेमाल करते हैं: “हमें कोई बड़ी समस्या नहीं आई. इसलिए, हमें भरोसा था कि हम इसे कुछ नई सुविधाओं के लिए इस्तेमाल कर सकते हैं. बाद में, हमने इसे सभी नई सुविधाओं के लिए इस्तेमाल करना शुरू कर दिया.”

नतीजे

Monzo की टीम ने ऐसे कॉम्पोनेंट बनाए हैं जिनकी मदद से, नई स्क्रीन आसानी से बनाई जा सकती हैं: “हम ऐसे कॉम्पोनेंट उपलब्ध कराते हैं जिनकी मदद से, Compose सीखते समय स्क्रीन बनाना बहुत आसान हो जाता है. स्लॉट पर आधारित एपीआई एक शानदार पैटर्न है. इसकी मदद से, हम कई छोटे-छोटे बिल्डिंग ब्लॉक से बड़े कॉम्पोनेंट आसानी से बना सकते हैं.“

Compose की मदद से, Monzo की टीम ने बेहतर क्वालिटी वाला ऐप्लिकेशन बनाया. साथ ही, इसमें ऐसी शानदार सुविधाएं जोड़ीं जो पहले स्प्रिंट में नहीं जोड़ी जा सकी थीं: “उदाहरण के लिए, ऐनिमेशन. Compose में इन्हें जोड़ना इतना आसान है कि ऐनिमेशन न जोड़ने की कोई वजह ही नहीं बचती. जैसे, रंग/साइज़/एलिवेशन में बदलाव. ये ‘अच्छे’ ऐनिमेशन अक्सर इतने मुश्किल होते हैं कि व्यू सिस्टम में इन्हें लागू करने में लगने वाली मेहनत और जटिलता के हिसाब से ये फ़ायदेमंद नहीं होते.”

अब उनका कोड छोटा हो गया है. साथ ही, इसे पढ़ना, समझना, और बनाए रखना आसान हो गया है: “बदली जा सकने वाली यूज़र इंटरफ़ेस (यूआई) हैरारकी में बदलाव करने वाले कोड की तुलना में, डिक्लेरेटिव कोड को समझना ज़्यादा आसान होता है. जब पूरा कोड एक ही भाषा और अक्सर एक ही फ़ाइल में लिखा जाता है, तो कोड को ट्रेस करना बहुत आसान हो जाता है. इसके उलट, Kotlin और XML के बीच बार-बार स्विच करने से ऐसा करना मुश्किल हो जाता है. मुझे तो एक्सएमएल थीम और स्टाइल के बारे में बात ही नहीं करनी! Compose में थीमिंग को समझना बहुत आसान है. हमारे थीम में सिर्फ़ वे प्रॉपर्टी शामिल हैं जिन्हें हमने तय किया है. साथ ही, वैल्यू सभी डिवाइसों पर एक जैसी होती हैं. इसके अलावा, यह Kotlin में है. इसलिए, इसे IDE में खोजना और फ़ॉलो करना बहुत आसान है.“

Compose की मदद से, Monzo की टीम ने अपने ऐप्लिकेशन की आसानी से टेस्टिंग की. साथ ही, यह पक्का किया कि उनका ऐप्लिकेशन ऐक्सेस किया जा सकता है: “इसकी मदद से, हम ऐसे टेस्ट लिख पाए जो कमज़ोर नहीं हैं, भरोसेमंद तरीके से काम करते हैं, और हमें पूरा भरोसा है कि हमारा ऐप्लिकेशन, उपयोगकर्ताओं के लिए सही तरीके से काम करता है. सिमैंटिक्स सिस्टम के ज़रिए टेस्टिंग करने से यह भी पक्का होता है कि हमारी स्क्रीन, कम से कम डिफ़ॉल्ट रूप से ऐक्सेस की जा सकती हैं.”

शुरू करें

लिखें सुविधा के बारे में ज़्यादा जानें.