Zustand

frontend-patterns là một skill thực dụng dành cho phát triển frontend với React và Next.js, giúp bạn chọn các pattern dễ bảo trì cho component, state, form, routing, accessibility và hiệu năng. Hãy dùng hướng dẫn frontend-patterns khi bạn cần chỉ dẫn triển khai rõ ràng và cách chọn pattern, chứ không chỉ những best practice chung chung.

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.

react-flow-node-ts là một skill khởi đầu thực dụng để xây dựng các node React Flow tùy chỉnh bằng TypeScript, với dữ liệu node được gán kiểu, handles và cập nhật qua Zustand. Hãy dùng nó cho Frontend Development khi bạn cần một hướng dẫn react-flow-node-ts có thể lặp lại cho trình soạn thảo workflow, trình tạo trực quan hoặc giao diện dựa trên canvas.

react-web là một hướng dẫn quy trình frontend React để xây dựng component và trang bằng hooks, React Query và Zustand. Kỹ năng react-web nhấn mạnh phát triển theo kiểu test-first, thứ tự file rõ ràng và cách dùng thực tế cho phát triển web React trong các ứng dụng nhiều component.