State Management

swiftui-patterns là một cẩm nang thực tế cho Frontend Development trên các nền tảng Apple. Tài liệu bao quát quản lý state trong SwiftUI, các luồng NavigationStack, cách ghép view, và hướng dẫn hiệu năng để bạn chọn đúng mẫu thiết kế cho code ứng dụng thực tế. Hãy dùng skill swiftui-patterns khi refactor hoặc xây dựng màn hình với quyền sở hữu rõ ràng và ít re-render hơn.

kotlin-coroutines-flows giúp bạn áp dụng Kotlin coroutines và Flow trong Android và KMP với structured concurrency, StateFlow, cancellation, retries và testing. Hãy dùng hướng dẫn kotlin-coroutines-flows này để viết code async an toàn hơn, xử lý streams theo vòng đời và cải thiện các pattern phát triển frontend.

flutter-dart-code-review là một checklist review code Flutter và Dart không phụ thuộc thư viện, bao quát kiến trúc, chất lượng widget, quản lý state, hiệu năng, khả năng truy cập, bảo mật và clean code. Hãy dùng nó như một hướng dẫn review code có cấu trúc cho Code Review trên BLoC, Riverpod, Provider, GetX, MobX, Signals hoặc các pattern tùy chỉnh.

dart-flutter-patterns là một kỹ năng thực tiễn về Dart và Flutter dành cho phát triển frontend, bao quát null safety, immutable state, async composition, cấu trúc widget, state management, điều hướng GoRouter, networking với Dio, testing và clean architecture. Hãy dùng hướng dẫn dart-flutter-patterns để chọn các pattern sẵn sàng cho production khi làm tính năng mới và refactor.

compose-multiplatform-patterns là một hướng dẫn thực hành cho Compose Multiplatform và Jetpack Compose trong ứng dụng KMP. Nội dung bao quát quản lý state, điều hướng, theming, hiệu năng và các mẫu UI có thể tái sử dụng cho Android, iOS, Desktop và Web, giúp các đội frontend xây dựng màn hình dùng chung dễ bảo trì hơn.

Skill click-path-audit giúp lần theo các UI handler qua từng lần thay đổi trạng thái để phát hiện lỗi trình tự, xung đột trạng thái dùng chung và sai lệch trạng thái cuối sau khi refactor hoặc trong quá trình review code.

react-state-management là kỹ năng thực tiễn giúp chọn và sử dụng các công cụ quản lý state trong React như Redux Toolkit, Zustand, Jotai, React Query, SWR và RTK Query dựa trên loại state, quy mô ứng dụng và nhu cầu chuyển đổi.

zustand-store-ts là một skill Zustand thiên về TypeScript, dùng để xây dựng các store có kiểu rõ ràng với `subscribeWithSelector`, tách biệt state/actions và cách dùng dựa trên selector. Skill này phù hợp cho Frontend Development khi bạn cần shared state dễ dự đoán, ranh giới store gọn gàng hơn, và một hướng dẫn zustand-store-ts có thể áp dụng lặp lại cho các ứng dụng React.

vue-pinia-best-practices giúp các nhóm Vue 3 dùng Pinia an toàn hơn, với hướng dẫn rõ ràng về thời điểm cài đặt, cách dùng storeToRefs, giá trị trả về của setup store, và khi nào nên dùng URL thay vì store state.

Hướng dẫn skill Flutter cho việc làm việc trong các ứng dụng Flutter/Dart hiện có với Riverpod, Freezed, go_router và mocktail. Dùng để tìm đúng file, bám theo quy ước của repo và thực hiện thay đổi frontend ít phải đoán mò hơn.

react-useeffect là hướng dẫn thực tế cho React, giúp bạn quyết định khi nào thật sự cần useEffect, nhận ra các anti-pattern và chọn giải pháp phù hợp hơn như logic trong render, event handler, useMemo, reset bằng key hoặc Fetch Effect đã được dọn dẹp đúng cách.