📱 Mobile Helper

Mobile Helper là một extension hỗ trợ lập trình viên React Native làm việc nhanh hơn trong VS Code. Extension này cung cấp snippet, lệnh nhanh, và mẫu code tái sử dụng để giúp bạn khởi tạo và phát triển ứng dụng React Native hiệu quả hơn.

🚀 Tính năng

• 🔹 Snippets tiện lợi cho các component React Native thường dùng (View, Text, Button, v.v.)
• 🔹 Mẫu trang Expo Router: tạo nhanh các trang như Form, Detail, Sync, Item, DbConfig chỉ với 1 prefix.
• 🔹 Cấu trúc đặt tên chuẩn hóa giúp dự án React Native gọn gàng hơn.
• 🔹 Tối ưu hóa quy trình dev bằng cách giảm thao tác lặp lại khi tạo file mới.

Ví dụ:

⚙️ Yêu cầu

Extension hoạt động tốt trên:

• Node.js ≥ 18
• VS Code ≥ 1.80
• Dự án React Native (Expo hoặc CLI)

Nếu bạn sử dụng Expo, nên cài thêm:

npm install expo expo-router react-native-paper expo-sqlite

🧩 Cấu hình Extension

Extension không cần cấu hình phức tạp. Tuy nhiên, bạn có thể bật/tắt snippet bằng setting:

"mobile-helper.enableSnippets": true

🐞 Các vấn đề đã biết

• Khi dùng trong dự án TypeScript, snippet có thể cần sửa lại đường dẫn import cho phù hợp (@/config/sqlite, @/type, ...).

📝 Ghi chú phát hành

1.0.0

✨ Initial release — hỗ trợ snippets cho các thành phần React Native phổ biến:

• RootPage
• WorkoutSyncPage
• WorkoutForm
• WorkoutDetail
• WorkoutItem
• SQLite Config

💡 Mẹo

• Gõ prefix (ví dụ form, sync, item, ...) rồi nhấn Tab để chèn snippet.
• Bạn có thể gõ "mobile-helper" trong VS Code Extension search để cài đặt.

🔗 Tham khảo thêm

• React Native Documentation
• Expo Router Docs
• VS Code Snippet Guide

Enjoy faster React Native development with 🚀 Mobile Helper!