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

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

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

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

ผลลัพธ์

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

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

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

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

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

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