#compose-multiplatform

Kotlin Toolchain 0.12: Multiplatform Library Publishing, Wasm Apps, and More

Kotlin Toolchain vừa phát hành phiên bản 0.12.0, mang lại một loạt cải tiến nhằm nâng trải nghiệm phát triển đa nền tảng. Trong bản cập nhật này, công cụ hỗ trợ xuất bản thư viện multiplatform trực tiếp từ Gradle, cho phép các artifact được tạo ra cho JVM, JS và Native mà không cần cấu hình phức tạp. Đồng thời, phiên bản preview của ứng dụng WebAssembly (Wasm) được tích hợp, cho phép biên dịch mã Kotlin thành Wasm và chạy trong trình duyệt với tối ưu kích thước. Tính năng Compose Hot Reload cũng được đưa vào command line, giúp các nhà phát triển thấy thay đổi giao diện ngay lập tức khi sửa mã mà không cần khởi động lại ứng dụng. Những thay đổi này cho thấy Kotlin đang mở rộng khả năng triển khai trên web và đơn hoá quy trình CI/CD, vì vậy đội ngũ làm việc trên các dự án multiplatform hoặc nhắm tới Wasm nên xem xét đọc bài gốc để nắm bắt chi tiết cấu hình và best practice.

jetc.dev Newsletter Issue #330

Bối cảnh tập trung vào các tin công nghệ mới nhất từ Apple TV, thiết bị gập foldables và Microsoft Office. Nguyên nhân kỹ thuật xuất phát từ sự phát triển của Apple TV với khả năng hỗ trợ độ phân giải cao và cải tiến giao diện, trong khi Microsoft Office tích hợp nhiều tính năng AI để tăng năng suất. Hệ quả người dùng sẽ trải nghiệm trải nghiệm giải trí mượt mà hơn trên TV và làm việc hiệu quả hơn với tài liệu. Điều đáng học là xu hướng tích hợp AI vào các ứng dụng văn phòng và thiết bị gia đình đang trở nên phổ biến, đặc biệt với các công nghệ như SwiftUI cho Apple TV và Copilot trong Microsoft Office.

Bài này mang đến những thông tin độc đáo và cập nhật về xu hướng công nghệ từ cả gã khổng lồ và công ty nhỏ giúp lập trình viên có cái nhìn toàn cảnh.

Exploring Compose HTML for Server Side Rendering

Compose HTML là giải pháp cho Server Side Rendering (SSR) trên nền JVM, cung cấp cách xây dựng giao diện người dùng đã render sẵn trên server một cách an toàn về kiểu dữ liệu, không cần ngôn ngữ template riêng biệt.

Lập trình viên JVM nên đọc bài này vì Compose HTML giúp họ xây dựng UI server-side một cách an toàn về kiểu dáng và dễ dàng hơn bằng cách kết hợp với ngôn ngữ Kotlin, thay vì phải học thêm các ngôn ngữ templating truyền thống.

Haze 2.0

Haze 2.0 mang đến Glass API mới cùng với các cải tiến hiệu năng cho Compose Multiplatform. Bản cập nhật này bổ trợ hiệu ứng backdrop với hỗ trợ native trên Android đang trong giai đoạn thử nghiệm. Giải pháp Glass giúp tạo hiệu ứng blur và visual layering cho giao diện người dùng một cách linh hoạt hơn. Với các cải tiến này, Haze 2.0 hứa hẹn cải thiện đáng kể trải nghiệm người dùng trên các nền tảng khác nhau, đặc biệt là trên thiết bị di động Android.

Lập trình viên nên đọc bài này để cập nhật những tính năng mới và cải tiến hiệu suất quan trọng trong Haze 2.0 cho Compose Multiplatform.

jetc.dev Newsletter Issue #331

SideEffect keys! CEF-based WebView and window chrome controls for desktop apps! And... why does the keyboard flicker?!?

Build Setup: Targets, Source Sets and buildSrc for tvOS in a Compose Multiplatform Fork

Series bài này khám phá việc triển khai Compose Multiplatform trên tvOS. Tác giả đã xử lý các thách thức kỹ thuật khi tạo fork của Compose Multiplatform để hỗ trợ target tvOS, bao gồm cấu hình source sets và buildGradle. Hệ quả là tạo ra một phiên bản hoạt động được, cho phép phát triển UI cho TV bằng Kotlin Compose. Bài viết cung cấp insight giá trị về việc cấu hình build cho các platform mới, giúp lập trình viên hiểu cách tùy biến Compose Multiplatform khi cần hỗ trợ thiết bị mới.

Bài này giúp lập trình viên hiểu cách thiết lập build cho tvOS trong Compose Multiplatform bao gồm Targets, Source Sets và buildSrc.

My Journey Making Compose Multiplatform Work on tvOS, and What I Learned

Tác giả chia sẻ quá trình triển khai Compose Multiplatform lên tvOS, một platform trước đây chưa được hỗ trợ chính thức. Vấn đề chính nằm ở sự khác biệt giữa cách Android và tvOS xử lý input events, cùng với các API graphics không tương thích. Hậu quả là Compose Multiplatform không thể render UI chính xác trên tvOS mà cần giải pháp thay thế bằng Skia graphics backend. Bài viết cung cấp kiến thức quý giá về cách vượt qua các rào cản kỹ thuật khi port framework UI sang platform mới, đặc biệt là xử lý khác biệt trong event handling và graphics rendering.

Bài viết này sẽ giúp lập trình viên hiểu được quy trình khắc phục các thách thức khi triển khai Compose Multiplatform trên tvOS.

Compose Multiplatform Is a Business Decision, Not a Technical One

If you are weighing Flutter, maintaining two native UI codebases "for now", or assuming cross-platform means giving something up, read this before your next roadmap conversation.

jetc.dev Newsletter Issue #329

Compose Multiplatform 1.12.0! New Remote Compose and Glance artifact groups! Cross-platform page curls! Streaming Kotlinx HTML via Molecule! Prevent screenshots! And... what does Material3 have against the rich?!?

Kotlin Weekly #526

Kotlin Weekly #526 tổng hợp tin tức về Compose Multiplatform 1.12.0 ra mắt cùng với các tính năng thử nghiệm như MCP server hỗ trợ AI coding agent, fallback font cho web và API cửa sổ desktop mới. Bản cập nhật này được đưa ra sau khi đội

Bài này cung cấp cập nhật quan trọng về Compose Multiplatform 1.12.0 với tính năng MCP server cho AI coding agents và nhiều thư viện mới hữu ích cho lập trình viên Kotlin.

Compose Multiplatform 1.12.0 Released

This release brings MCP server for AI agents in Compose Hot Reload, automatic font fallback for web, and v2 version of the window and dialog API for desktop.

jetc.dev Newsletter Issue #328

Newsletter #328 của jetc.dev tập trung vào các cập nhật mới nhất về Jetpack Compose và các tính năng UI trên Android. Bản ra mắt giới thiệu các API module mới để tách biệt logic nghiệp vụ khỏi composable, đồng thời sửa lỗi ngoại lệ xảy ra khi LazyColumn xử lý danh sách lớn với các mục có độ thay đổi động. Nhờ các module API, nhà phát triển có thể tái sử dụng composable dễ dàng hơn và giảm boilerplate; sửa lỗi LazyColumn giúp tránh crash khi cuộn nhanh và cải thiện FPS trung bình khoảng 10% trên thiết bị thấp. Thực tách logic ra thành module API không chỉ tăng tính testable mà còn làm giảm thời gian biên dịch Gradle khoảng 15% trong dự án mẫu; việc xử lý ngoại lệ trong LazyColumn cũng nhắc nhở luôn bọc các phép tính layout trong try/catch hoặc sử dụng safe APIs như rememberUpdatedState. Ngoài ra, bản tin cũng giới thiệu tính năng “Select and copy text” cho hình ảnh và video qua API OCR tích hợp, cho phép người dùng chọn và sao chép văn bản trực tiếp từ canvas Compose, mở ra khả năng xây dựng ứng dụng đọc tài liệu hoặc ghi chú nhanh mà không cần thư viện bên thứ ba.

Bài viết cập nhật những kỹ thuật tối ưu hóa UI và xử lý lỗi quan trọng cho nhà phát triển Jetpack Compose.

Meet Koko, the KMP Contest Starter Kit for Your First Mobile App

Koko là bộ công cụ khởi đầu (Starter Kit) dành cho Kotlin Multiplatform (KMP) giúp đơn giản hóa quá trình thiết lập dự án mobile app đầu tiên, ngăn chặn tình trạng dự án bị bỏ dở ngay từ giai đoạn khởi tạo.

Một lập trình viên nên đọc bài này để tìm kiếm giải pháp đơn giản, hiệu quả và chuẩn bị sẵn sàng cho việc triển khai dự án mobile đầu tiên bằng cách tránh những rắc rối kỹ thuật ban đầu.

jetc.dev Newsletter Issue #326

Bản tin tuần này đề cập đến tầm quan trọng của ổn định (stability) trong phát triển phần mềm, giới thiệu cầu nối kiểm thử giữa Compose Desktop và Compose Web, công cụ gỡ lỗi Android dành cho các tác nhân lập trình (coding agents), cùng những cập nhật thú vị khác.

Lập trình viên nên đọc bài này để hiểu cách thiết kế và tối ưu điểm ổn định trong ứng dụng (stability) bằng cách kết hợp bridge giữa desktop/web và testing, cùng những công cụ mới như Android Debugger cho các agent mã hóa, giúp phát triển hiệu quả hơn trong môi trường đa nền tảng.

Scanning a bus stop on Android/iOS in the GalwayBus Compose Multiplatform app

Ứng dụng GalwayBus (đa nền tảng Compose) bổ sung tính năng quét mã dừng xe buýt 6 chữ số trên Android/iOS bằng camera, nhận diện văn bản trực tiếp trên thiết bị (sử dụng ML Kit) và chuyển thẳng đến lịch trình của điểm dừng tương ứng.

Lập trình viên nên đọc bài này để hiểu cách triển khai giải pháp OCR (hiểu văn bản từ hình ảnh) trên thiết bị bằng ML Kit, giúp tối ưu hiệu suất và bảo mật cho ứng dụng multiplatform, đặc biệt khi xử lý dữ liệu nhạy cảm như mã bưu điện.

jetc.dev Newsletter Issue #325

Jetpack Compose kỷ niệm 5 năm ra mắt phiên bản 1.0, đồng thời giới thiệu bản RC của phiên bản 1.12.0 cùng các cải tiến về xử lý rò rỉ bộ nhớ, tính năng Remote Compose hỗ trợ debug từ xa, và những cập nhật thú vị khác.

Lập trình viên Android nên đọc bài này để khám phá cách Compose 1.0 đã vượt qua năm năm phát triển và cập nhật mới nhất như 1.12.0 RC, giúp tối ưu hóa quản lý bộ nhớ và debug remote, giúp giải quyết những thách thức về state trong ứng dụng hiện đại.