Monzo สร้างแอปที่มีประสิทธิภาพและคุณภาพสูงขึ้นด้วย Compose

Monzo เป็นข้อเสนอจากธนาคารและแอป บริการทางการเงินดิจิทัล ภารกิจของพวกเขาคือการสร้างรายได้ สำหรับทุกคน ระบบการออกแบบของ Monzo เริ่มเบี่ยงเบนไปจากดีไซน์ Material และต้องการวิธีง่ายๆ ในการเขียนและดูแลรักษาคอมโพเนนต์ที่กำหนดเอง พวกเขาจึงเลือก Jetpack Compose

สิ่งที่พวกเขาทำ

ฟีเจอร์ Compose จะแสดงคอมโพเนนต์ดีไซน์ Material เป็นเลเยอร์เหนือแท็ก Design-system-agnostic Foundation API Monzo ใช้ API พื้นฐานในการสร้าง ไลบรารีคอมโพเนนต์ของตัวเองโดยใช้คอมโพเนนต์ Material เป็นข้อมูลอ้างอิง โฆษณาเหล่านี้ เริ่มจากการย้ายหน้าจอทีละหน้าจอ และตอนนี้ก็สามารถใช้ "เขียน" ในหน้าจอใหม่ทั้งหมดได้แล้ว ตอนนี้วิศวกร Android ทุกคนใช้ Compose ในเวอร์ชันที่ใช้งานจริง ดังนี้ "เรา ไม่พบปัญหาใหญ่ๆ ใดๆ เลย และเราเลยมั่นใจพอที่จะเริ่ม โดยใช้กับฟีเจอร์ใหม่ๆ บางอย่าง และจะใช้ฟีเจอร์ใหม่ทั้งหมดก็ได้"

ผลลัพธ์

ทีม Monzo ได้สร้างคอมโพเนนต์ที่ช่วยให้คอมโพเนนต์เหล่านั้นสร้างคอมโพเนนต์ใหม่ หน้าจอ: "องค์ประกอบที่เรามีให้ในตัวทำให้การสร้างหน้าจอ ขณะเรียนรู้เกี่ยวกับการเขียน ได้ราบรื่นขึ้นมาก API ตามช่องคือ รูปแบบที่ยอดเยี่ยมที่ทำให้ เราสร้างคอมโพเนนต์ที่ใหญ่ขึ้นได้ง่ายๆ จากองค์ประกอบเล็กๆ มากมาย"

เมื่อใช้ Compose ทีม Monzo ก็สร้างแอปที่มีคุณภาพสูงขึ้นได้ ฟีเจอร์ที่มีประโยชน์ซึ่งก่อนหน้านี้ พวกเขาคงไม่สามารถเข้าถึงได้ใน การวิ่งเร็ว: "ตัวอย่างหนึ่งก็คือภาพเคลื่อนไหว ซึ่งสามารถเพิ่มใน "เขียน" ได้ง่ายมาก มีเหตุผลน้อยมากที่จะไม่ทำให้สิ่งต่างๆ เคลื่อนไหว เช่น สี/ขนาด/ความสูง การเปลี่ยนแปลง ภาพเคลื่อนไหวที่ "น่าใช้" เหล่านี้มักประเมินค่าได้ยากเกินไป ความพยายามและความซับซ้อนในระบบ View"

ตอนนี้โค้ดสั้นลง อ่าน เข้าใจ และเข้าใจง่ายขึ้น รักษา: "โค้ดการประกาศให้เหตุผลได้ง่ายกว่ามากกว่าโค้ดที่ จัดการลำดับชั้น UI ที่เปลี่ยนแปลงได้ นอกจากนี้ยังติดตามผ่านโค้ดได้ง่ายกว่ามาก เมื่อทั้งหมดเขียนด้วยภาษาเดียวกัน และมักจะเป็นไฟล์เดียวกัน การข้ามไปมาระหว่าง Kotlin และ XML อย่าให้ฉันเริ่มต้นใช้งาน XML ธีมและสไตล์! การกำหนดธีมเข้าใจง่ายขึ้นมากใน Compose ธีมของเรา ประกอบด้วยคุณสมบัติที่เรากำหนดเท่านั้น ค่าจะสอดคล้องกันทั่วทั้ง และเมื่ออยู่ใน Kotlin การค้นหาและติดตามก็ง่ายมาก IDE"

Compose ช่วยให้ทีม Monzo ทดสอบแอปได้อย่างง่ายดายและแน่ใจว่าแอปของตน เข้าถึงได้: "วิธีนี้ช่วยเรา เขียนการทดสอบที่มีความเปราะบางน้อยกว่า ทำงานอย่างน่าเชื่อถือ ซึ่งทำให้เรามั่นใจอย่างมากว่าแอปของเราทำงานได้ ด้วยมือของเรา ผู้ใช้ การทดสอบผ่านระบบอรรถศาสตร์ยังช่วยให้มั่นใจว่าหน้าจอของเรา เข้าถึงได้โดยค่าเริ่มต้นอย่างสมเหตุสมผลเป็นอย่างน้อย"

เริ่มต้นใช้งาน

ดูข้อมูลเพิ่มเติมเกี่ยวกับการเขียน