mobile-app02 VS Code Extension
Giới thiệu
mobile-app02 là một extension cho Visual Studio Code giúp cung cấp các snippet (đoạn mã mẫu) về style, component, và các tiện ích thường dùng trong phát triển React Native. Extension này hỗ trợ tăng tốc quá trình phát triển giao diện và quản lý sản phẩm cho các dự án di động.
Tính năng chính
- Snippets về Style:
- buttonStyles, cardStyles, commonStyles, containerStyles, stylesReact, inputStyles
- Snippets về Tiện ích:
- constants, filterUtils, serviceFetchAPI
- Snippets về Component:
- indexStart, LoadingSpinner, rootLayout, addProductForm, detailProduct
- Snippets về Redux Toolkit:
- storeReduxToolkit, productSliceReduxToolkit, useSliceReduxToolkit
- Snippets về Xử lý CRUD:
- addProductIndex, handleDeleteIndex, handleUpdateIndex, searchfilterProductIndex
Cách sử dụng
- Cài đặt extension:
- Cài đặt từ VSIX hoặc Marketplace (nếu có).
- Kích hoạt snippet:
- Trong file
.js, .jsx, .ts, .tsx, gõ tên snippet (ví dụ: buttonStyles, addProductForm, serviceFetchAPI, ...) và chọn từ gợi ý để chèn đoạn mã mẫu.
- Extension sẽ tự động gợi ý các snippet liên quan khi bạn nhập các ký tự đầu của tên snippet.
- Tùy chỉnh:
- Có thể chỉnh sửa lại các đoạn mã mẫu sau khi chèn vào file cho phù hợp với dự án của bạn.
Danh sách snippet tiêu biểu
| Tên snippet |
Mô tả ngắn gọn |
| buttonStyles |
Style cho các nút bấm |
| cardStyles |
Style cho card |
| commonStyles |
Style chung |
| containerStyles |
Style cho container |
| stylesReact |
Style tổng hợp React Native |
| constants |
Định nghĩa hằng số, màu sắc |
| filterUtils |
Hàm lọc sản phẩm |
| serviceFetchAPI |
Hàm fetch API sản phẩm |
| indexStart |
Trang danh sách sản phẩm |
| LoadingSpinner |
Component loading |
| rootLayout |
Layout gốc |
| addProductForm |
Form thêm sản phẩm |
| detailProduct |
Trang chi tiết sản phẩm |
| addProductIndex |
Nút thêm sản phẩm ở Index |
| handleDeleteIndex |
Xử lý xóa sản phẩm |
| handleUpdateIndex |
Xử lý cập nhật sản phẩm |
| searchfilterProductIndex |
Tìm kiếm, lọc sản phẩm |
| storeReduxToolkit |
Store Redux Toolkit |
| productSliceReduxToolkit |
Slice Redux Toolkit |
| useSliceReduxToolkit |
Sử dụng slice trong component |
Đóng góp
- Để đóng góp, hãy fork repo, tạo branch mới và gửi pull request.
- Báo lỗi hoặc đề xuất tính năng mới qua Issues.
Tác giả
- Extension phát triển bởi IKPK và Chiri.
Chúc bạn code vui vẻ và hiệu quả với mobile-app02!
| |
