Square tăng năng suất nhờ Compose
Sử dụng bộ sưu tập để sắp xếp ngăn nắp các trang
Lưu và phân loại nội dung dựa trên lựa chọn ưu tiên của bạn.
Square giúp hàng triệu người bán điều hành doanh nghiệp của họ – từ quy trình xử lý thẻ tín dụng an toàn đến các giải pháp điểm bán hàng và thiết lập cửa hàng trực tuyến miễn phí. Square đã chuyển sang giao diện người dùng khai báo một thời gian, nhưng thay vì tiếp tục xây dựng khung riêng, họ quyết định chuyển sang Jetpack Compose để tránh chi phí bảo trì và tận dụng những điểm cải tiến mà Compose mang lại so với hệ thống Android Views.
Những việc họ đã làm
Nhóm Square bắt đầu xây dựng hệ thống thiết kế của họ trong Compose, với mục tiêu là giúp nhóm hệ thống thiết kế và các kỹ sư sản phẩm của họ làm việc nhanh hơn.
Vì ứng dụng của họ đã được sắp xếp theo cấu trúc luồng dữ liệu một chiều, nên "Các kỹ sư sản phẩm có thể dễ dàng thay thế một màn hình bằng Compose tại một thời điểm". Trong quá trình áp dụng Compose, họ nhận thấy rằng "đôi khi, việc này đơn giản đến mức bạn nghĩ rằng nó phức tạp hơn. Mọi thứ đều hoạt động ngay."
Kết quả
"Bằng cách sử dụng Compose, chúng tôi có thể tập trung vào những thành phần đặc trưng của Square và cơ sở hạ tầng giao diện người dùng, thay vì giải quyết vấn đề lớn hơn là xây dựng một khung giao diện người dùng khai báo."
Nhóm kỹ thuật nhận thấy Compose giúp họ cải thiện năng suất, giúp mã dễ hiểu, dễ sắp xếp và dễ viết hơn, đồng thời công cụ Android Studio giúp họ tiết kiệm rất nhiều thời gian.
"Việc tạo kiểu cho các thành phần đơn giản và nhanh chóng hơn. Việc đọc mã cho các thành phần phức tạp cũng dễ dàng hơn. Dễ dàng sắp xếp mã và giúp mã trở nên dễ đọc trong Compose. Hệ thống bố cục của Compose đơn giản hơn về mặt khái niệm, vì vậy sẽ dễ hiểu hơn. Bản xem trước giúp tiết kiệm rất nhiều thời gian khi tạo các thành phần".
Bắt đầu
Tìm hiểu thêm về Compose (Soạn).
Nội dung và mã mẫu trên trang này phải tuân thủ các giấy phép như mô tả trong phần Giấy phép nội dung. Java và OpenJDK là nhãn hiệu hoặc nhãn hiệu đã đăng ký của Oracle và/hoặc đơn vị liên kết của Oracle.
Cập nhật lần gần đây nhất: 2021-07-28 UTC.
[[["Dễ hiểu","easyToUnderstand","thumb-up"],["Giúp tôi giải quyết được vấn đề","solvedMyProblem","thumb-up"],["Khác","otherUp","thumb-up"]],[["Thiếu thông tin tôi cần","missingTheInformationINeed","thumb-down"],["Quá phức tạp/quá nhiều bước","tooComplicatedTooManySteps","thumb-down"],["Đã lỗi thời","outOfDate","thumb-down"],["Vấn đề về bản dịch","translationIssue","thumb-down"],["Vấn đề về mẫu/mã","samplesCodeIssue","thumb-down"],["Khác","otherDown","thumb-down"]],["Cập nhật lần gần đây nhất: 2021-07-28 UTC."],[],[],null,["[Square](https://squareup.com/) helps millions of sellers run their\nbusiness -- from secure credit card processing to point of sale solutions to\nsetting up a free online store. Square has been moving to declarative UI for\na while but rather than continuing to build their own framework, they decided to move to\nJetpack Compose, avoiding the maintenance costs and taking advantage of the\nimprovements it brings over the Android Views system.\n\nWhat they did\n\nThe Square team started building their design system in Compose, with the goal\nof enabling their design system team and product engineers to move faster.\nBecause their app is already organised with a unidirectional data flow\narchitecture, *\"It's really easy for product engineers to swap in Compose one\nscreen at a time.\"* While adopting Compose, they've seen that *\"sometimes it's\nalmost so simple you expect it to be more complicated. **Things just work.**\"*\n\nResults\n\n*\"By using Compose, we can **focus on things that are unique to Square** and our UI\ninfrastructure, rather than solving the broader issue of building a\ndeclarative UI framework.\"*\n\nThe engineering team found that Compose improved their productivity, making the\ncode easier to reason about, organise, and write, and the Android Studio\ntooling saved them a lot of time.\n\n*\"It's **simpler and faster to style components** . Reading the code for complicated\ncomponents is easier as well. It's **easier to organize code and make it\nreadable** in Compose. The layout system of Compose is conceptually simpler so\nit's **easier to reason about. Previews are a big time saver** when building\ncomponents.\"*\n\nGet started\n\nLearn more about [Compose](/jetpack/compose)."]]