#dart

Material and Cupertino decoupling are here

Flutter đã tách biệt Material và Cupertino ra khỏi core framework để tăng tốc độ sửa lỗi và phát triển tính năng mới. Sự thay đổi này giúp các team có thể cập nhật Material Design và Apple's Human Interface Guidelines độc lập mà không cần chờ phiên bản Flutter chính. Thay đổi kỹ thuật bao gồm việc tách biệt package:flutter/material và package:flutter/cupertino khỏi package:flutter, giảm độ coupling giữa các thư mục. Lợi ích cụ thể là thời gian release cho các tính năng mới được rút ngắn đáng kể và các lỗi trong Material/Cupertino có thể được fix nhanh hơn mà không ảnh hưởng đến toàn bộ hệ sinh thái Flutter.

Tách biệt Material và Cupertino khỏi core Flutter giúp tăng tốc độ sửa lỗi và phát triển tính năng mới.

How Flutter stays ahead of iOS releases

Flutter team muốn cung cấp hỗ trợ cho phiên bản iOS mới ngay ngày ra mắt (Day 0) để giảm độ trễ cho nhà phát triển cross‑platform. Họ theo dõi WWDC, lấy ngay bản beta SDK của Apple và chạy hệ thống CI tự động trên các thiết bị iOS beta để phát hiện sớm các thay đổi API. Nhờ quy trình này Flutter có thể phát hành bản cập nhật tương thích với iOS mới trong vòng vài giờ sau khi Apple công bố bản ổn định, giúp ứng dụng Flutter sử dụng các tính năng mới nhất mà không cần chờ đợi. Điều đáng học là việc kết hợp giám sát sự kiện nền tảng, tích hợp beta sớm và tự động hóa kiểm tra là chiến lược hiệu quả để giữ cho framework cross‑platform luôn kịp thời với các bản cập nhật hệ điều hành native. Điều này cho thấy nhà phát triển nên ưu tiên các công cụ có quy trình hỗ trợ Day 0 khi cân nhắc lựa chọn framework cho dự án iOS.

Để biết cách Flutter nhanh chóng triển khai hỗ trợ iOS mới trước khi Apple chính thức ra mắt.

Vibe once, run anywhere with Antigravity and Flutter

Một nhóm Flutter đã xây dựng game DashLander theo phong cách moonlander bằng nền tảng lập trình agentic Antigravity của Google để minh họa quy trình "vibe once, run anywhere". Bài viết nhấn mạnh ưu điểm của Flutter trong phát triển AI (typing mạnh, codebase duy nhất, hot reload), cách tạo assets bằng Lyria, Stitch, Gemini, và quá trình lặp từ prototype đến sản phẩm triển khai. Thách thức kỹ thuật bao gồm vật lý zero-G từ Gemini Deep Research, gỡ lỗi logic game bằng overlay AI, và sửa lỗi desync do lập lịch CPU. Ứng dụng cuối cùng được triển khai lên Firebase Hosting qua stack Dart thống nhất sử dụng Jaspr cho trang marketing.

Lập trình viên nên đọc bài này để khám phá cách kết hợp AI tự động hóa phát triển với Flutter để tối ưu hóa quá trình tạo game từ ý tưởng đến sản phẩm thực tế, tiết kiệm thời gian và công sức trong việc xử lý logic phức tạp như vật lý không trọng lực và debug.

Bloom Filters Explained: The Probabilistic Data Structure Powering Instagram, Google, and High-Scale Systems

Instagram có hơn 500 triệu tên đăng ký và cần trả lời ngay khi người dùng mới đăng ký xem tên đó đã được sử dụng chưa. Cách naïve là tra cứu trong bảng băm hoặc cơ sở dữ liệuExact, nhưng khi dữ liệu đạt hàng trăm triệu bản ghi thì thời gian truy cập và bộ nhớ cần thiết trở thành bottleneck. Bằng cách áp dụng Bloom filter – cấu trúc xác suất với mảng bit và một số hàm băm – hệ thống có thể trả lời câu hỏi trong thời gian hằng số với bộ nhớ chỉ vài megabyte, dù có khả năng trả về kết quả dương giả (false positive) nhỏ. Điều đáng học là Bloom filter cho đổi lấy một xác suất sai nhỏ để đạt tốc độ và hiệu quả bộ nhớ cao, vì vậy trong các hệ thống quy mô lớn thường kết hợp nó với bước kiểm tra lại chính xác để loại bỏ lỗi dương giả. Ví dụ cụ thể, Instagram, Google và nhiều dịch vụ cao tải sử dụng cấu trúc này để giảm latency trong các thao tác kiểm tra thành viên như username, từ chối spam hoặc truy cập cache.

Bloom Filters giúp bạn hiểu cách các hệ thống quy mô lớn như Instagram giải quyết bài toán kiểm trùng dữ liệu hiệu quả.

Try Flutter Web with WebAssembly Week

Flutter Web trước đây chỉ có thể biên dịch sang JavaScript qua dart2js, hạn chế hiệu suất trên các giao diện phức tạp. Trong sự kiện “Flutter Web with WebAssembly Week”, đội ngũ Flutter đã kích hoạt tùy chọn biên dịch mã Dart thành WebAssembly (Wasm) để tận dụng khả năng thực thi gần-native của trình duyệt. Khi bật Wasm, các ứng dụng Flutter Web có thể đạt được tăng tốc từ 2 lần đến 5 lần so với bản biên dịch JavaScript truyền thống, nhờ giảm thời gian parse và tối ưu hóa SIMD. Hệ quả unmittel là trải nghiệm người dùng mượt mà hơn trên các thiết bị có hỗ trợ Wasm, đồng thời giảm kích thước gói tải xuống trong một số trường hợp. Bài học cho nhà phát triển là: nếu ứng dụng web của bạn đòi hỏi hiệu suất cao và mục tiêu là các trình duyệt hiện đại, hãy cân nhắc bật tùy chọn Wasm trong flutter build web và thực hiện kiểm tra tương thích trước khi triển khai.

Bài viết này giúp bạn tối ưu hóa hiệu suất ứng dụng web Flutter lên đến 2-5 lần bằng cách biên dịch sang WebAssembly.

Quick, reliable calculations with A2UI's Client-Side Functions

Khi ứng dụng cần thực hiện phép tính phức tạp trên thiết bị người dùng, việc dựa vào máy chủ thường gây ra độ trễ và phụ thuộc vào kết nối mạng. A2UI giới thiệu tính năng Client‑Side Functions cho phép một agent chuyển giao các hoạt động local trực tiếp sang mã Dart chạy trên thiết bị cuối. Vì Dart được biên dịch thành mã native và thực thi ở mức hệ thống, các phép tính được thực hiện nhanh hơn và không bị ảnh hưởng bởi độ trễ mạng. Kết quả là thời gian phản hồi giảm đáng kể, đồng thời giảm tải cho máy chủ và tăng độ tin cậy của ứng dụng khi hoạt động offline. Điều này cho thấy việc tận dụng mã Dart ở phía client là một cách hiệu quả để đạt được tính toán nhanh và đáng tin cậy, đặc biệt trong các trường hợp yêu cầu độ trễ thấp và khả năng hoạt động mà không cần kết nối liên tục.

Bài viết giúp lập trình viên hiểu cách tối ưu hiệu năng ứng dụng bằng cách tận dụng tính toán nhanh và đáng tin cậy từ hàm Client-Side trong A2UI.

The Builder Design Pattern: A Better Approach to Complex Object Construction

Khi cần tạo đối tượng phức tạp như một widget carousel có nhiều thuộc tính như số lượng item, hàm tạo item, cấu hình giao diện… việc dùng constructor có nhiều tham số trở nên khó đọc và dễ lỗi. Nguyên nhân là constructor dài dẫn đến hiện tượng telescoping constructor, buộc lập trình viên phải nhớ thứ tự tham số hoặc viết nhiều overload, làm mã nguồn khó bảo trì. Áp dụng Builder pattern cho phép tạo đối tượng qua các bước gọi phương thức fluent như setItemCount(...).setItemBuilder(...).build(), giảm thiểu lỗi tham số và tăng khả năng đọc, đồng thời tách quá trình xây dựng khỏi biểu diễn đối tượng. Điều đáng học là Builder không chỉ cải thiện khả năng mở rộng (thêm thuộc tính mới không ảnh hưởng tới code hiện tại) mà còn hỗ trợ tạo ra các biểu diễn khác nhau của cùng một lớp đối tượng mà không thay đổi cấu trúc lớp gốc. Với các dự án UI hoặc cấu hình đối tượng có nhiều tùy chọn, việc áp dụng Builder giúp code sạch sẽ, dễ kiểm thử và dễ duy trì trong dài hạn.

Sử dụng Builder Pattern giúp bạn xây dựng đối tượng phức tạp một cách an toàn, linh hoạt và dễ bảo trì.

August 2026: Flutter 3.47, Dart 3.13, Material and Cupertino Decoupling, Listen Package

August 2026 công bố Flutter 3.47 và Dart 3.13, kèm Material and Cupertino Decoupling và Listen Package. Họ tái định nghĩa primary constructors để cho phép khởi tạo nhanh hơn và tách Material, Cupertino thành các module độc lập. Điều này tạo điều kiện cho cải tiến desktop và web, đồng thời cung cấp con đường chính thức tới Swift Package Manager. Kết quả là giảm kích thước ứng dụng và tăng tính bảo trì cho các dự án đa nền tảng. Vì vậy, nếu bạn đang cân nhắc theo dõi, nên đọc bài để nắm bắt chi tiết triển khai kỹ thuật mới.

Lập trình viên nên đọc bài này để cập nhật những cải tiến quan trọng nhất trong Flutter 3.47 và Dart 3.13, bao gồm việc tách Material và Cupertino và tính năng constructor chính.

How to Test AI Features in Flutter [Full Handbook]

Bạn đã dành hai tuần xây dựng trợ lý AI bằng Flutter với giao diện chat streaming mượt mà, prompt hệ thống tối ưu và bộ lọc an toàn. Demo cho team thành công, nhận được phản hồi tích cực.

Lập trình viên Flutter nên đọc bài này để tránh gặp phải lỗi không phát hiện sớm khi AI tích hợp vào ứng dụng, từ đó đảm bảo chất lượng, hiệu suất và an toàn trước khi phát hành.

Architects, testers, and coders: Building multi-agent development teams

Bài viết mô tả nhu cầu porting các thư viện Python sang Dart để hỗ trợ phát triển ứng dụng Flutter. Để giải quyết, tác giả mô hình hoá các nhóm phát triển gồm kiến trúc sư, kiểm thử và lập trình viên làm việc như các tác nhân độc lập trên nền tảng Antigravity. Quy trình được xây dựng quanh test‑driven development: mỗi tác nhân viết test cho chức năng mong muốn trước khi triển khai mã Dart tương ứng. Kết quả là các gói Dart được tạo ra có cấu trúc idiomatis, duy trì tính nhất quán với nguồn Python và đạt độ bao phủ test cao sau mỗi vòng lặp. Từ kinh nghiệm này, bài viết khuyên áp dụng mô hình multi‑agent cùng TDD khi cần dịch sang ngôn ngữ mới vì nó giúp tách biệt trách nhiệm, phát hiện lỗi sớm và giảm phụ thuộc vào kiến thức thủ công về từng thư viện. Điều này cho thấy Antigravity có thể làm nền tảng mở rộng để quản lý các dự án porting lớn mà không làm tăngภาระ điều phối thủ công.

Bài viết hướng dẫn cách xây dựng đội ngũ phát triển đa đại lý để chuyển đổi thư viện Python thành gói Dart idiomatically bằng phương pháp phát triển theo hướng kiểm thử.

Why DartNative has no `material` and `cupertino` packages — and why Flutter needs both

DartNative không bao gồm các gói material và cupertino vì mục đích tối giản, trong khi Flutter cần cả hai để hỗ trợ đa nền tảng linh hoạt.

Lập trình viên Flutter nên đọc bài này để hiểu cách Flutter Native (DartNative) khác biệt với Flutter về thiết kế UI, và làm rõ tại sao các package thiết kế như Material và Cupertino vẫn cần thiết cho ứng dụng đa nền tảng.

Bluetooth Low Energy in Flutter: A Handbook for Devs

Hướng dẫn Flutter cơ bản thường chỉ dừng ở network calls và REST APIs, trong khi nhiều ứng dụng thực tế cần giao tiếp với thiết bị vật lý qua Bluetooth Low Energy (BLE) như máy đo nhịp tim, bóng đèn thông minh hay cảm biến công nghiệp.

Là người phát triển Flutter, bạn cần hiểu về Bluetooth Low Energy (BLE) để mở rộng ứng dụng sang các thiết bị IoT, không chỉ là giao tiếp với máy chủ web, giúp tích hợp trực tiếp với thiết bị vật lý trong ứng dụng của mình.

How to Build a Dart Package Analytics Tool with the pub.dev API: Beyond the 30-Day Window

When I published my package on pub.dev, the first few days were exciting as the number of downloads climbed. 201 downloads in a few days! Then something strange happened. The number dropped: 120, then

Sass: The Road to Dart Sass 2

Syntactically Awesome Style Sheets

How I converted GenLatte to fullstack Dart

GenLatte ban đầu sử dụng Firebase để xử lý backend, dẫn đến chi phí server tăng đáng kể do yêu cầu xử lý dữ liệu phức tạp. Tác giả đã quyết định chuyển đổi ứng dụng sang fullstack Dart với package Shelf và Dart Frog để xây dựng REST API, giúp giảm thiểu phụ thuộc vào các dịch vụ bên thứ ba. Kết quả sau khi chuyển đổi, chi phí server hàng tháng giảm từ 200 USD xuống còn dưới 50 USD - giảm tới 75%. Bài viết cung cấp hướng dẫn chi tiết về cách thiết lập server Dart, cấu hình middleware và xử lý CORS, giúp các lập trình viên có thể tái cấu trúc ứng dụng Flutter để tiết kiệm chi phí hiệu quả.

Tìm hiểu cách chuyển đổi ứng dụng GenLatte sang Dart fullstack để giảm chi phí máy chủ hiệu quả.

Named and Optional Arguments are Awesome

Rust hiện vẫn thiếu tính năng named và optional arguments - điều khiến nhiều lập trình viên như tác giả cảm thấy thất vọng. Đề xuất bổ sung tính năng này đang được thảo luận để cải thiện developer experience khi làm việc với hàm có nhiều tham số. Việc hỗ trợ named arguments có thể giúp giảm lỗi do nhầm vị trí tham số, trong khi optional arguments giúp mã nguồn linh hoạt hơn. Tuy nhiên, việc triển khai tính năng này cần cân nhắc với hệ thống borrow checker và trait system hiện có của Rust.

Bài viết này giúp lập trình viên khám phá cách bổ sung named và optional arguments vào Rust - những tính năng quan trọng cải thiện trải nghiệm lập trình.

How to Implement LEGO Architecture in Flutter [Full Handbook]

Almost everyone has snapped two LEGO bricks together at some point, even without owning a single set as an adult. You press one brick down onto another, feel it click, and it holds. You likely never o

The 401 Race Condition Hiding in Your Flutter App

The 401 Race Condition Hiding in Your Flutter App Why the classic bool isRefreshing guard doesn't do what you think it does — and the single-flight fix I packaged as an open-source Dio & http …

The Composite Design Pattern: How to Work with Individual Objects and Groups Through the Same Interface

Structural design patterns deal with how objects are created in terms of their structure and hierarchy. One of the patterns that explicitly helps you manage complex hierarchical scenarios is the Compo

How to Use Skills in Agentic Flutter Development: A Handbook for Devs

One of the biggest misconceptions about AI-assisted development is that using AI means giving up the engineering experience you've built over the years. It doesn't. You can take the architecture patte

Feature Modularization in Flutter: How to Combine Clean Architecture and Domain-Driven Design for Self-Contained, Scalable Features

Khi dự án Flutter phát triển từ vài người lên 20+ thành viên, cấu trúc code cũ sẽ nhanh chóng trở nên khó bảo trì. Bài viết đề xuất kết hợp Clean Architecture với Domain-Driven Design (DDD) để chia codebase thành các feature độc lập, tránh xung đột merge. Kỹ thuật chính là tách biệt logic nghiệp vụ (domain) khỏi UI (presentation) và dữ liệu (data) bằng các lớp trừu tượng như Repository, UseCase. Hệ quả là mỗi feature có thể phát triển, test và deploy riêng mà không ảnh hưởng tới phần còn lại. Điều đáng học là cách tổ chức thư mục theo mô hình DDD (entities, value objects, aggregates) cùng với dependency injection (DI) bằng package provider hoặc get_it. Bài này hữu ích nếu bạn đang tìm cách scale Flutter app lên 100k+ dòng code.

Bạn nên đọc bài này để hiểu cách phân tách tính năng trong Flutter theo kiến trúc Clean Architecture và Domain-Driven Design để xây dựng các tính năng độc lập, dễ mở rộng và quản lý khi đội ngũ phát triển lớn lên, tránh sự phức tạp khi nhiều người cùng làm việc trên cùng một codebase.

How to Test Flutter Apps: Unit, Widget, Golden, and Integration Tests Explained

Bài viết bắt đầu từ trải nghiệm phỏng vấn khi được hỏi về mức độ bao phủ test và nhận ra rằng việc chỉ có ứng dụng chạy được không đủ để đánh giá chất lượng. Tác giả giải thích bốn cấp độ kiểm thử trong Flutter: unit test kiểm tra logic thuần túy, widget test render và tương tác với một widget đơn lẻ, golden test so sánh hình ảnh render với ảnh chuẩn, và integration test chạy toàn bộ ứng dụng trên thiết bị hoặc mô phỏng. Mỗi loại test được minh hoạ bằng ví dụ mã sử dụng gói flutter_test cho unit và widget test, gói integration_test cho test end‑to‑end, và gói golden_toolkit để tạo và so sánh ảnh golden. Bài cũng chỉ ra lợi ích và hạn chế của từng loại: unit test nhanh nhưng không phát hiện lỗi giao diện, widget test bắt được lỗi layout nhưng phụ thuộc vào kích thước màn hình, golden test bảo vệ sự nhất quán UI nhưng dễ bị ảnh hưởng bởi thay đổi font hoặc theme, integration test cung cấp độ tin cậy cao nhất nhưng chạy chậm và đòi hỏi môi trường thiết bị thực. Kết luận, tác giả khuyên nên kết hợp tất cả bốn mức độ để đạt mức độ bao phủ test thực tế cao (thường trên 80% cho logic nghiệp vụ) và đưa ra quy trình CI/CD tự động chạy các test này trước mỗi pull request.

Mobile Background Execution: iOS Background Modes, Android WorkManager, and Background Services in Dart

Every mobile developer eventually hits the same wall: the app works perfectly when the user is looking at it. But the moment they press the home button, everything stops. A sync that should have compl

Speeding up generative UI with async A2UI

Bối cảnh: Khi phát triển generative UI trong Flutter, việc tạo A2UI messages đồng bộ khi khởi động khiến ứng dụng gặp trễ khởi động rõ rệt. Nguyên nhân kỹ thuật: A2UI messages được sinh ra trên luồng chính mỗi lần ứng dụng khởi động, chiếm thời gian CPU và block việc render UI. Hệ quả: Người dùng cảm nhận được màn hình trắng hoặc giao diện chậm phản hồi, làm giảm trải nghiệm và tăng tỷ lệ thoát ứng dụng. Điều đáng học: Bằng cách sinh trước A2UI messages trong isolate hoặc luồng nền và lưu chúng vào cache, sau khi khởi động chỉ cần đọc từ cache, latency khởi động được giảm gần về zero. Kết quả là giao diện generative UI trở nên tức thời và mượt mà ngay từ frame đầu tiên, cho phép các tính năng tương tác phức tạp không bị gián đoạn.

Hướng dẫn này giúp bạn loại bỏ độ trễ khởi động và xây dựng giao diện người dùng tạo lập tức, phản hồi nhanh chóng với Flutter.

Chain of Responsibility Design Pattern: Decoupling Complex Business Rules, One Handler at a Time

Every system, at some point, ends up with a function that nobody wants to touch. It starts small: a simple validation check, an if statement here, another there. Then requirements grow and more condit

Chain of Responsibility pattern giúp giảm độ phức tạp của hệ thống bằng cách chia nhỏ quy tắc kinh doanh thành các trình xử lý độc lập.

Yes, You Can Build Apple Watch Apps with Flutter Now

Yes, You Can Build Apple Watch Apps with Flutter Now “flutter-watchos” runs the real Flutter engine on Apple Watch. Build with Dart and Flutter widgets, hot reload in the Simulator, use plugins …

What’s new in Flutter 3.47

Flutter 3.47 giới thiệu các gói UI độc lập (Standalone UI Packages) và hỗ trợ Impeller trên desktop, giúp tối ưu hóa hiệu suất và khả năng tùy biến trong phát triển ứng dụng.

Lập trình viên Flutter nên đọc bài này để khám phá cách Impeller và UI Packages độc lập trong Flutter 3.47 giúp tối ưu hóa hiệu suất trên desktop bằng cách chuyển giao giao diện thành các gói riêng biệt, giảm thiểu phụ thuộc và cải thiện trải nghiệm phát triển.

Flutter Frontend Systems Design: How to Think Like a Senior Engineer in the AI Age

Thiết kế hệ thống thường được coi là vấn đề của backend, nhưng với Flutter, nó cũng bao gồm kiến trúc frontend phức tạp như state management, rendering pipeline, và tối ưu hóa hiệu suất. Kỹ sư cấp cao cần cân nhắc cả frontend (Flutter) và backend (API, caching) trong thiết kế tổng thể.

Một lập trình viên Flutter nên đọc bài này để hiểu cách thiết kế hệ thống frontend hiệu quả, từ đó tối ưu hóa hiệu suất, bảo trì và mở rộng ứng dụng của mình trong môi trường phát triển nhanh chóng và đa nền tảng.

A Deep Dive into Behavioral Patterns: The Visitor Design Pattern and its Clean Operations Across Complex Object Structures

Khi hệ thống phần mềm phát triển, vấn đề thường gặp là khó mở rộng chức năng mới trên cấu trúc đối tượng phức tạp mà không làm thay đổi mã nguồn hiện có. Design pattern Visitor giúp giải quyết bằng cách tách biệt thuật toán khỏi cấu trúc đối tượng, cho phép thêm hành vi mới một cách sạch sẽ.

Lập trình viên nên đọc bài này để hiểu cách Visitor Pattern giải quyết vấn đề mở rộng chức năng trên các cấu trúc đối tượng phức tạp mà không cần thay đổi lớp hiện có, giúp duy trì tính bảo trì và mở rộng hệ thống một cách hiệu quả.

Copy of Apna RSS Hit 21,000 Users: Scaling Flutter for a Content-Heavy App

Apna RSS, ứng dụng Flutter được hơn 21.000 người dùng sử dụng liên tục, đã giúp tác giả học được nhiều bài học khi mở rộng quy mô cho ứng dụng nặng về nội dung.

Bạn nên đọc bài này để hiểu cách tối ưu và mở rộng Flutter cho ứng dụng có lượng nội dung lớn, giúp tránh tình trạng chậm trễ và bảo trì hiệu quả khi app phát triển theo thời gian.